Arches: CardioSmart

Arches:CardioSmart

Multi Product Brand Style System by the American College of Cardiology

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

1.2.4 highlight: Color Variations

The Modified versions of the highlight color from this theme

highlight-n5

  • HEX: rgb(45.9870967742, 34.7516129032, 2.6129032258)
  • RGB: 46, 35, 3
  • HSL: 44.4578313253deg ,90.1612903226%, 9.5294117647%

highlight-n4

  • HEX: rgb(91.9741935484, 69.5032258065, 5.2258064516)
  • RGB: 92, 70, 5
  • HSL: 44.4578313253deg ,90%, 19.0588235294%

highlight-n3

  • HEX: rgb(153.2903225806, 115.8387096774, 8.7096774194)
  • RGB: 153, 116, 9
  • HSL: 44.4578313253deg ,89.7849462366%, 31.7647058824%

highlight-n2

  • HEX: rgb(214.6064516129, 162.1741935484, 12.1935483871)
  • RGB: 215, 162, 12
  • HSL: 44.4578313253deg ,89.5698924731%, 44.4705882353%

highlight-n1

  • HEX: rgb(242.3870967742, 188.1516129032, 33.0129032258)
  • 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: rgb(246, 207.3, 96.6)
  • RGB: 246, 207, 97
  • HSL: 44.4578313253deg ,84.7849462366%, 67.1764705882%

highlight-2

  • HEX: rgb(247.5, 215.25, 123)
  • RGB: 248, 215, 123
  • HSL: 44.4578313253deg ,78.0913978495%, 72.6470588235%

highlight-3

  • HEX: rgb(250, 228.5, 167)
  • RGB: 250, 228, 167
  • HSL: 44.4578313253deg ,66.935483871%, 81.7647058824%

highlight-4

  • HEX: rgb(252.5, 241.75, 211)
  • RGB: 253, 242, 211
  • HSL: 44.4578313253deg ,55.7795698925%, 90.8823529412%

highlight-5

  • HEX: rgb(254, 249.7, 237.4)
  • RGB: 254, 250, 237
  • HSL: 44.4578313253deg ,49.0860215054%, 96.3529411765%

Example

Default styling

Markup:
Markup:
Copy Code