Arches: CardioSmart

Arches:CardioSmart

Multi Product Brand Style System by the American College of Cardiology

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

1.2.2 accent: Color Variations

The Modified versions of the accent color from this theme

accent-n5

  • HEX: #221101
  • RGB: 34, 17, 1
  • HSL: 28.6111111111deg ,92.9615384615%, 6.8823529412%

accent-n4

  • HEX: #442203
  • RGB: 68, 34, 3
  • HSL: 28.6111111111deg ,92.8461538462%, 13.7647058824%

accent-n3

  • HEX: #713805
  • RGB: 113, 56, 5
  • HSL: 28.6111111111deg ,92.6923076923%, 22.9411764706%

accent-n2

  • HEX: #9e4e06
  • RGB: 158, 78, 6
  • HSL: 28.6111111111deg ,92.5384615385%, 32.1176470588%

accent-n1

  • HEX: #bf5f08
  • RGB: 191, 95, 8
  • HSL: 28.6111111111deg ,92.4230769231%, 39%

accent-0

  • HEX: #e17009
  • RGB: 225, 112, 9
  • HSL: 28.6111111111deg, 92.3076923077%, 45.8823529412%

accent-1

  • HEX: #f57d10
  • RGB: 245, 125, 16
  • HSL: 28.6111111111deg ,87.6923076923%, 51.2941176471%

accent-2

  • HEX: #f79338
  • RGB: 247, 147, 56
  • HSL: 28.6111111111deg ,80.7692307692%, 59.4117647059%

accent-3

  • HEX: #fab77a
  • RGB: 250, 183, 122
  • HSL: 28.6111111111deg ,69.2307692308%, 72.9411764706%

accent-4

  • HEX: #fcdbbd
  • RGB: 252, 219, 189
  • HSL: 28.6111111111deg ,57.6923076923%, 86.4705882353%

accent-5

  • HEX: #fef1e4
  • RGB: 254, 241, 228
  • HSL: 28.6111111111deg ,50.7692307692%, 94.5882352941%

Example

Default styling

Markup: 
Markup:
Copy Code