Arches: ACC & Bootstrap

Arches:ACC & Bootstrap

Multi Product Brand Style System by the American College of Cardiology

Source: dist/css/acc_boot.css, line 10565

1.2.3 alert: Color Variations

The Modified versions of the alert color from this theme

alert-n5

  • HEX: #210404
  • RGB: 33, 4, 4
  • HSL: 0deg ,80.7368421053%, 7.2647058824%

alert-n4

  • HEX: #420808
  • RGB: 66, 8, 8
  • HSL: 0deg ,80.4210526316%, 14.5294117647%

alert-n3

  • HEX: #6f0d0d
  • RGB: 111, 13, 13
  • HSL: 0deg ,80%, 24.2156862745%

alert-n2

  • HEX: #9b1212
  • RGB: 155, 18, 18
  • HSL: 0deg ,79.5789473684%, 33.9019607843%

alert-n1

  • HEX: #bc1616
  • RGB: 188, 22, 22
  • HSL: 0deg ,79.2631578947%, 41.1666666667%

alert-0

  • HEX: #dd1a1a
  • RGB: 221, 26, 26
  • HSL: 0deg, 78.9473684211%, 48.431372549%

alert-1

  • HEX: #e62b2b
  • RGB: 230, 43, 43
  • HSL: 0deg ,75%, 53.5882352941%

alert-2

  • HEX: #ea4f4f
  • RGB: 234, 79, 79
  • HSL: 0deg ,69.0789473684%, 61.3235294118%

alert-3

  • HEX: #f18989
  • RGB: 241, 137, 137
  • HSL: 0deg ,59.2105263158%, 74.2156862745%

alert-4

  • HEX: #f8c4c4
  • RGB: 248, 196, 196
  • HSL: 0deg ,49.3421052632%, 87.1078431373%

alert-5

  • HEX: #fce7e7
  • RGB: 252, 231, 231
  • HSL: 0deg ,43.4210526316%, 94.8431372549%

Example

Default styling

Markup: 
Markup:
Copy Code