Arches: CardioSmart

Arches:CardioSmart

Multi Product Brand Style System by the American College of Cardiology

Source: dist/css/cardiosmart_boot.css, line 10385

1.2.7 primary: Color Variations

The Modified versions of the primary color from this theme

primary-n5

  • HEX: #000d17
  • RGB: 0, 13, 23
  • HSL: 206deg ,98.7960526316%, 4.4705882353%

primary-n4

  • HEX: #001a2d
  • RGB: 0, 26, 45
  • HSL: 206deg ,98.7763157895%, 8.9411764706%

primary-n3

  • HEX: #012b4c
  • RGB: 1, 43, 76
  • HSL: 206deg ,98.75%, 14.9019607843%

primary-n2

  • HEX: #013c6a
  • RGB: 1, 60, 106
  • HSL: 206deg ,98.7236842105%, 20.862745098%

primary-n1

  • HEX: #014980
  • RGB: 1, 73, 128
  • HSL: 206deg ,98.7039473684%, 25.3333333333%

primary-0

  • HEX: #015697
  • RGB: 1, 86, 151
  • HSL: 206deg, 98.6842105263%, 29.8039215686%

primary-1

  • HEX: #016abb
  • RGB: 1, 106, 187
  • HSL: 206deg ,93.75%, 36.8235294118%

primary-2

  • HEX: #0289f0
  • RGB: 2, 137, 240
  • HSL: 206deg ,86.3486842105%, 47.3529411765%

primary-3

  • HEX: #4db1fe
  • RGB: 77, 177, 254
  • HSL: 206deg ,74.0131578947%, 64.9019607843%

primary-4

  • HEX: #a6d8fe
  • RGB: 166, 216, 254
  • HSL: 206deg ,61.6776315789%, 82.4509803922%

primary-5

  • HEX: #dbefff
  • RGB: 219, 239, 255
  • HSL: 206deg ,54.2763157895%, 92.9803921569%

Example

Default styling

Markup: 
Markup:
Copy Code