Arches: CardioSmart

Arches:CardioSmart

Multi Product Brand Style System by the American College of Cardiology

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

1.2.8 secondary: Color Variations

The Modified versions of the secondary color from this theme

secondary-n5

  • HEX: #00181b
  • RGB: 0, 24, 27
  • HSL: 186.7796610169deg ,100%, 5.2058823529%

secondary-n4

  • HEX: #002f35
  • RGB: 0, 47, 53
  • HSL: 186.7796610169deg ,100%, 10.4117647059%

secondary-n3

  • HEX: #004f59
  • RGB: 0, 79, 89
  • HSL: 186.7796610169deg ,100%, 17.3529411765%

secondary-n2

  • HEX: #006e7c
  • RGB: 0, 110, 124
  • HSL: 186.7796610169deg ,100%, 24.2941176471%

secondary-n1

  • HEX: #008596
  • RGB: 0, 133, 150
  • HSL: 186.7796610169deg ,100%, 29.5%

secondary-0

  • HEX: #009db1
  • RGB: 0, 157, 177
  • HSL: 186.7796610169deg, 100%, 34.7058823529%

secondary-1

  • HEX: #00bbd2
  • RGB: 0, 187, 210
  • HSL: 186.7796610169deg ,95%, 41.2352941176%

secondary-2

  • HEX: #05e3ff
  • RGB: 5, 227, 255
  • HSL: 186.7796610169deg ,87.5%, 51.0294117647%

secondary-3

  • HEX: #59ecff
  • RGB: 89, 236, 255
  • HSL: 186.7796610169deg ,75%, 67.3529411765%

secondary-4

  • HEX: #acf6ff
  • RGB: 172, 246, 255
  • HSL: 186.7796610169deg ,62.5%, 83.6764705882%

secondary-5

  • HEX: #defbff
  • RGB: 222, 251, 255
  • HSL: 186.7796610169deg ,55%, 93.4705882353%

Example

Default styling

Markup: 
Markup:
Copy Code