Arches: ACC & Bootstrap

Arches:ACC & Bootstrap

Multi Product Brand Style System by the American College of Cardiology

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

1.2.4 highlight: Color Variations

The Modified versions of the highlight color from this theme

highlight-n5

  • HEX: #120a1c
  • RGB: 18, 10, 28
  • HSL: 265.8536585366deg ,52.6352941176%, 7.5%

highlight-n4

  • HEX: #241439
  • RGB: 36, 20, 57
  • HSL: 265.8536585366deg ,51.8588235294%, 15%

highlight-n3

  • HEX: #3c215f
  • RGB: 60, 33, 95
  • HSL: 265.8536585366deg ,50.8235294118%, 25%

highlight-n2

  • HEX: #532e84
  • RGB: 83, 46, 132
  • HSL: 265.8536585366deg ,49.7882352941%, 35%

highlight-n1

  • HEX: #6538a1
  • 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: #8555c4
  • RGB: 133, 85, 196
  • HSL: 265.8536585366deg ,45.8235294118%, 55%

highlight-2

  • HEX: #9971ce
  • RGB: 153, 113, 206
  • HSL: 265.8536585366deg ,42.2058823529%, 62.5%

highlight-3

  • HEX: #bba1de
  • RGB: 187, 161, 222
  • HSL: 265.8536585366deg ,36.1764705882%, 75%

highlight-4

  • HEX: #ddd0ef
  • RGB: 221, 208, 239
  • HSL: 265.8536585366deg ,30.1470588235%, 87.5%

highlight-5

  • HEX: #f1ecf8
  • RGB: 241, 236, 248
  • HSL: 265.8536585366deg ,26.5294117647%, 95%

Example

Default styling

Markup: 
Markup:
Copy Code