Arches: CardioSmart

Arches:CardioSmart

Multi Product Brand Style System by the American College of Cardiology

Source: dist/css/cardiosmart_boot.css, line 10691

1.2.4 highlight: Color Variations

The Modified versions of the highlight color from this theme

highlight-n5

  • HEX: #2e2303
  • RGB: 46, 35, 3
  • HSL: 44.4578313253deg ,90.1612903226%, 9.5294117647%

highlight-n4

  • HEX: #5c4605
  • RGB: 92, 70, 5
  • HSL: 44.4578313253deg ,90%, 19.0588235294%

highlight-n3

  • HEX: #997409
  • RGB: 153, 116, 9
  • HSL: 44.4578313253deg ,89.7849462366%, 31.7647058824%

highlight-n2

  • HEX: #d7a20c
  • RGB: 215, 162, 12
  • HSL: 44.4578313253deg ,89.5698924731%, 44.4705882353%

highlight-n1

  • HEX: #f2bc21
  • RGB: 242, 188, 33
  • HSL: 44.4578313253deg ,89.4086021505%, 54%

highlight-0

  • HEX: #f5ca4f
  • RGB: 245, 202, 79
  • HSL: 44.4578313253deg, 89.247311828%, 63.5294117647%

highlight-1

  • HEX: #f6cf61
  • RGB: 246, 207, 97
  • HSL: 44.4578313253deg ,84.7849462366%, 67.1764705882%

highlight-2

  • HEX: #f8d77b
  • RGB: 248, 215, 123
  • HSL: 44.4578313253deg ,78.0913978495%, 72.6470588235%

highlight-3

  • HEX: #fae5a7
  • RGB: 250, 229, 167
  • HSL: 44.4578313253deg ,66.935483871%, 81.7647058824%

highlight-4

  • HEX: #fdf2d3
  • RGB: 253, 242, 211
  • HSL: 44.4578313253deg ,55.7795698925%, 90.8823529412%

highlight-5

  • HEX: #fefaed
  • RGB: 254, 250, 237
  • HSL: 44.4578313253deg ,49.0860215054%, 96.3529411765%

Example

Default styling

Markup: 
Markup:
Copy Code