Arches: CardioSmart

Arches:CardioSmart

Multi Product Brand Style System by the American College of Cardiology

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

1.2.9 shade: Color Variations

The Modified versions of the shade color from this theme

shade-n5

  • HEX: #141414
  • RGB: 20, 20, 20
  • HSL: 0deg ,9.2561983471%, 7.8823529412%

shade-n4

  • HEX: #292828
  • RGB: 41, 40, 40
  • HSL: 0deg ,7.7685950413%, 15.7647058824%

shade-n3

  • HEX: #444242
  • RGB: 68, 66, 66
  • HSL: 0deg ,5.7851239669%, 26.2745098039%

shade-n2

  • HEX: #5f5d5d
  • RGB: 95, 93, 93
  • HSL: 0deg ,3.8016528926%, 36.7843137255%

shade-n1

  • HEX: #737171
  • RGB: 115, 113, 113
  • HSL: 0deg ,2.3140495868%, 44.6666666667%

shade-0

  • HEX: #878585
  • RGB: 135, 133, 133
  • HSL: 0deg, 0.826446281%, 52.5490196078%

shade-1

  • HEX: #939191
  • RGB: 147, 145, 145
  • HSL: 0deg ,0.7851239669%, 57.2941176471%

shade-2

  • HEX: #a5a4a4
  • RGB: 165, 164, 164
  • HSL: 0deg ,0.7231404959%, 64.4117647059%

shade-3

  • HEX: #c3c2c2
  • RGB: 195, 194, 194
  • HSL: 0deg ,0.6198347107%, 76.2745098039%

shade-4

  • HEX: #e1e1e1
  • RGB: 225, 225, 225
  • HSL: 0deg ,0.5165289256%, 88.137254902%

shade-5

  • HEX: #f3f3f3
  • RGB: 243, 243, 243
  • HSL: 0deg ,0.4545454545%, 95.2549019608%

Example

Default styling

Markup: 
Markup:
Copy Code