Arches: ACC & Bootstrap

Arches:ACC & Bootstrap

Multi Product Brand Style System by the American College of Cardiology

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

1.2.8 secondary: Color Variations

The Modified versions of the secondary color from this theme

secondary-n5

  • HEX: #0f1011
  • RGB: 15, 16, 17
  • HSL: 223.6363636364deg ,13.1382488479%, 6.3823529412%

secondary-n4

  • HEX: #1f2022
  • RGB: 31, 32, 34
  • HSL: 223.6363636364deg ,11.7142857143%, 12.7647058824%

secondary-n3

  • HEX: #343539
  • RGB: 52, 53, 57
  • HSL: 223.6363636364deg ,9.8156682028%, 21.2745098039%

secondary-n2

  • HEX: #484a50
  • RGB: 72, 74, 80
  • HSL: 223.6363636364deg ,7.9170506912%, 29.7843137255%

secondary-n1

  • HEX: #585a61
  • RGB: 88, 90, 97
  • HSL: 223.6363636364deg ,6.4930875576%, 36.1666666667%

secondary-0

  • HEX: #676a72
  • RGB: 103, 106, 114
  • HSL: 223.6363636364deg, 5.069124424%, 42.5490196078%

secondary-1

  • HEX: #757881
  • RGB: 117, 120, 129
  • HSL: 223.6363636364deg ,4.8156682028%, 48.2941176471%

secondary-2

  • HEX: #8c8f97
  • RGB: 140, 143, 151
  • HSL: 223.6363636364deg ,4.435483871%, 56.9117647059%

secondary-3

  • HEX: #b2b4b9
  • RGB: 178, 180, 185
  • HSL: 223.6363636364deg ,3.801843318%, 71.2745098039%

secondary-4

  • HEX: #d9dadc
  • RGB: 217, 218, 220
  • HSL: 223.6363636364deg ,3.168202765%, 85.637254902%

secondary-5

  • HEX: #f0f0f1
  • RGB: 240, 240, 241
  • HSL: 223.6363636364deg ,2.7880184332%, 94.2549019608%

Example

Default styling

Markup: 
Markup:
Copy Code