Arches: ACC & Bootstrap

Arches:ACC & Bootstrap

Multi Product Brand Style System by the American College of Cardiology

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

1.2.7 primary: Color Variations

The Modified versions of the primary color from this theme

primary-n5

  • HEX: #04151a
  • RGB: 4, 21, 26
  • HSL: 193.288590604deg ,77.0100502513%, 5.8529411765%

primary-n4

  • HEX: #082a34
  • RGB: 8, 42, 52
  • HSL: 193.288590604deg ,76.6331658291%, 11.7058823529%

primary-n3

  • HEX: #0d4757
  • RGB: 13, 71, 87
  • HSL: 193.288590604deg ,76.1306532663%, 19.5098039216%

primary-n2

  • HEX: #12637a
  • RGB: 18, 99, 122
  • HSL: 193.288590604deg ,75.6281407035%, 27.3137254902%

primary-n1

  • HEX: #157894
  • RGB: 21, 120, 148
  • HSL: 193.288590604deg ,75.2512562814%, 33.1666666667%

primary-0

  • HEX: #198dae
  • RGB: 25, 141, 174
  • HSL: 193.288590604deg, 74.8743718593%, 39.0196078431%

primary-1

  • HEX: #1da3c9
  • RGB: 29, 163, 201
  • HSL: 193.288590604deg ,71.1306532663%, 45.1176470588%

primary-2

  • HEX: #33bbe2
  • RGB: 51, 187, 226
  • HSL: 193.288590604deg ,65.5150753769%, 54.2647058824%

primary-3

  • HEX: #77d2eb
  • RGB: 119, 210, 235
  • HSL: 193.288590604deg ,56.1557788945%, 69.5098039216%

primary-4

  • HEX: #bbe8f5
  • RGB: 187, 232, 245
  • HSL: 193.288590604deg ,46.7964824121%, 84.7549019608%

primary-5

  • HEX: #e4f6fb
  • RGB: 228, 246, 251
  • HSL: 193.288590604deg ,41.1809045226%, 93.9019607843%

Example

Default styling

Markup: 
Markup:
Copy Code