Arches: CardioSmart

Arches:CardioSmart

Multi Product Brand Style System by the American College of Cardiology

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

1.2.8 secondary: Color Variations

The Modified versions of the secondary color from this theme

secondary-n5

  • HEX: rgb(0, 23.55, 26.55)
  • RGB: 0, 24, 27
  • HSL: 186.7796610169deg ,100%, 5.2058823529%

secondary-n4

  • HEX: rgb(0, 47.1, 53.1)
  • RGB: 0, 47, 53
  • HSL: 186.7796610169deg ,100%, 10.4117647059%

secondary-n3

  • HEX: rgb(0, 78.5, 88.5)
  • RGB: 0, 78, 89
  • HSL: 186.7796610169deg ,100%, 17.3529411765%

secondary-n2

  • HEX: rgb(0, 109.9, 123.9)
  • RGB: 0, 110, 124
  • HSL: 186.7796610169deg ,100%, 24.2941176471%

secondary-n1

  • HEX: rgb(0, 133.45, 150.45)
  • 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: rgb(0, 186.5372881356, 210.3)
  • RGB: 0, 187, 210
  • HSL: 186.7796610169deg ,95%, 41.2352941176%

secondary-2

  • HEX: rgb(5.25, 226.7796610169, 255)
  • RGB: 5, 227, 255
  • HSL: 186.7796610169deg ,87.5%, 51.0294117647%

secondary-3

  • HEX: rgb(88.5, 236.186440678, 255)
  • RGB: 89, 236, 255
  • HSL: 186.7796610169deg ,75%, 67.3529411765%

secondary-4

  • HEX: rgb(171.75, 245.593220339, 255)
  • RGB: 172, 246, 255
  • HSL: 186.7796610169deg ,62.5%, 83.6764705882%

secondary-5

  • HEX: rgb(221.7, 251.2372881356, 255)
  • RGB: 222, 251, 255
  • HSL: 186.7796610169deg ,55%, 93.4705882353%

Example

Default styling

Markup:
Markup:
Copy Code