Arches: CardioSmart

Arches:CardioSmart

Multi Product Brand Style System by the American College of Cardiology

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

1.2.3 alert: Color Variations

The Modified versions of the alert color from this theme

alert-n5

  • HEX: #160909
  • RGB: 22, 9, 9
  • HSL: 1.3043478261deg ,49.3640776699%, 6.0588235294%

alert-n4

  • HEX: #2d1211
  • RGB: 45, 18, 17
  • HSL: 1.3043478261deg ,48.5339805825%, 12.1176470588%

alert-n3

  • HEX: #4b1e1d
  • RGB: 75, 30, 29
  • HSL: 1.3043478261deg ,47.427184466%, 20.1960784314%

alert-n2

  • HEX: #682928
  • RGB: 104, 41, 40
  • HSL: 1.3043478261deg ,46.3203883495%, 28.2745098039%

alert-n1

  • HEX: #7f3230
  • RGB: 127, 50, 48
  • HSL: 1.3043478261deg ,45.4902912621%, 34.3333333333%

alert-0

  • HEX: #953b39
  • RGB: 149, 59, 57
  • HSL: 1.3043478261deg, 44.6601941748%, 40.3921568627%

alert-1

  • HEX: #ab4441
  • RGB: 171, 68, 65
  • HSL: 1.3043478261deg ,42.427184466%, 46.3529411765%

alert-2

  • HEX: #c05c5a
  • RGB: 192, 92, 90
  • HSL: 1.3043478261deg ,39.0776699029%, 55.2941176471%

alert-3

  • HEX: #d59391
  • RGB: 213, 147, 145
  • HSL: 1.3043478261deg ,33.4951456311%, 70.1960784314%

alert-4

  • HEX: #eac9c8
  • RGB: 234, 201, 200
  • HSL: 1.3043478261deg ,27.9126213592%, 85.0980392157%

alert-5

  • HEX: #f7e9e9
  • RGB: 247, 233, 233
  • HSL: 1.3043478261deg ,24.5631067961%, 94.0392156863%

Example

Default styling

Markup: 
Markup:
Copy Code