Arches: CardioSmart

Arches:CardioSmart

Multi Product Brand Style System by the American College of Cardiology

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

1.2.7 primary: Color Variations

The Modified versions of the primary color from this theme

primary-n5

  • HEX: rgb(0.15, 12.9, 22.65)
  • RGB: 0, 13, 23
  • HSL: 206deg ,98.7960526316%, 4.4705882353%

primary-n4

  • HEX: rgb(0.3, 25.8, 45.3)
  • RGB: 0, 26, 45
  • HSL: 206deg ,98.7763157895%, 8.9411764706%

primary-n3

  • HEX: rgb(0.5, 43, 75.5)
  • RGB: 0, 43, 76
  • HSL: 206deg ,98.75%, 14.9019607843%

primary-n2

  • HEX: rgb(0.7, 60.2, 105.7)
  • RGB: 1, 60, 106
  • HSL: 206deg ,98.7236842105%, 20.862745098%

primary-n1

  • HEX: rgb(0.85, 73.1, 128.35)
  • 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: rgb(1.2355263158, 106.2552631579, 186.5644736842)
  • RGB: 1, 106, 187
  • HSL: 206deg ,93.75%, 36.8235294118%

primary-2

  • HEX: rgb(1.5888157895, 136.6381578947, 239.9111842105)
  • RGB: 2, 137, 240
  • HSL: 206deg ,86.3486842105%, 47.3529411765%

primary-3

  • HEX: rgb(77.1776315789, 177.2763157895, 253.8223684211)
  • RGB: 77, 177, 254
  • HSL: 206deg ,74.0131578947%, 64.9019607843%

primary-4

  • HEX: rgb(166.0888157895, 216.1381578947, 254.4111842105)
  • RGB: 166, 216, 254
  • HSL: 206deg ,61.6776315789%, 82.4509803922%

primary-5

  • HEX: rgb(219.4355263158, 239.4552631579, 254.7644736842)
  • RGB: 219, 239, 255
  • HSL: 206deg ,54.2763157895%, 92.9803921569%

Example

Default styling

Markup:
Markup:
Copy Code