Arches: ACC & Bootstrap

Arches:ACC & Bootstrap

Multi Product Brand Style System by the American College of Cardiology

Source: dist/css/acc_boot.css, line 13554

1.2.4 highlight: Color Variations

The Modified versions of the highlight color from this theme

highlight-n5

  • HEX: rgb(17.85, 9.9, 28.35)
  • RGB: 18, 10, 28
  • HSL: 265.8536585366deg ,52.6352941176%, 7.5%

highlight-n4

  • HEX: rgb(35.7, 19.8, 56.7)
  • RGB: 36, 20, 57
  • HSL: 265.8536585366deg ,51.8588235294%, 15%

highlight-n3

  • HEX: rgb(59.5, 33, 94.5)
  • RGB: 60, 33, 95
  • HSL: 265.8536585366deg ,50.8235294118%, 25%

highlight-n2

  • HEX: rgb(83.3, 46.2, 132.3)
  • RGB: 83, 46, 132
  • HSL: 265.8536585366deg ,49.7882352941%, 35%

highlight-n1

  • HEX: rgb(101.15, 56.1, 160.65)
  • RGB: 101, 56, 161
  • HSL: 265.8536585366deg ,49.0117647059%, 42.5%

highlight-0

  • HEX: #7742bd
  • RGB: 119, 66, 189
  • HSL: 265.8536585366deg, 48.2352941176%, 50%

highlight-1

  • HEX: rgb(132.6, 84.9, 195.6)
  • RGB: 133, 85, 196
  • HSL: 265.8536585366deg ,45.8235294118%, 55%

highlight-2

  • HEX: rgb(153, 113.25, 205.5)
  • RGB: 153, 113, 206
  • HSL: 265.8536585366deg ,42.2058823529%, 62.5%

highlight-3

  • HEX: rgb(187, 160.5, 222)
  • RGB: 187, 161, 222
  • HSL: 265.8536585366deg ,36.1764705882%, 75%

highlight-4

  • HEX: rgb(221, 207.75, 238.5)
  • RGB: 221, 208, 239
  • HSL: 265.8536585366deg ,30.1470588235%, 87.5%

highlight-5

  • HEX: rgb(241.4, 236.1, 248.4)
  • RGB: 241, 236, 248
  • HSL: 265.8536585366deg ,26.5294117647%, 95%

Example

Default styling

Markup:
Markup:
Copy Code