Arches: ACC & Bootstrap

Arches:ACC & Bootstrap

Multi Product Brand Style System by the American College of Cardiology

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

1.2.7 primary: Color Variations

The Modified versions of the primary color from this theme

primary-n5

  • HEX: rgb(3.75, 21.15, 26.1)
  • RGB: 4, 21, 26
  • HSL: 193.288590604deg ,77.0100502513%, 5.8529411765%

primary-n4

  • HEX: rgb(7.5, 42.3, 52.2)
  • RGB: 8, 42, 52
  • HSL: 193.288590604deg ,76.6331658291%, 11.7058823529%

primary-n3

  • HEX: rgb(12.5, 70.5, 87)
  • RGB: 12, 71, 87
  • HSL: 193.288590604deg ,76.1306532663%, 19.5098039216%

primary-n2

  • HEX: rgb(17.5, 98.7, 121.8)
  • RGB: 18, 99, 122
  • HSL: 193.288590604deg ,75.6281407035%, 27.3137254902%

primary-n1

  • HEX: rgb(21.25, 119.85, 147.9)
  • 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: rgb(28.9070351759, 163.035678392, 201.1929648241)
  • RGB: 29, 163, 201
  • HSL: 193.288590604deg ,71.1306532663%, 45.1176470588%

primary-2

  • HEX: rgb(51.0527638191, 187.0175879397, 225.6972361809)
  • RGB: 51, 187, 226
  • HSL: 193.288590604deg ,65.5150753769%, 54.2647058824%

primary-3

  • HEX: rgb(119.0351758794, 209.6783919598, 235.4648241206)
  • RGB: 119, 210, 235
  • HSL: 193.288590604deg ,56.1557788945%, 69.5098039216%

primary-4

  • HEX: rgb(187.0175879397, 232.3391959799, 245.2324120603)
  • RGB: 187, 232, 245
  • HSL: 193.288590604deg ,46.7964824121%, 84.7549019608%

primary-5

  • HEX: rgb(227.8070351759, 245.935678392, 251.0929648241)
  • RGB: 228, 246, 251
  • HSL: 193.288590604deg ,41.1809045226%, 93.9019607843%

Example

Default styling

Markup:
Markup:
Copy Code