Arches: ACC & Bootstrap

Arches:ACC & Bootstrap

Multi Product Brand Style System by the American College of Cardiology

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

1.2.3 alert: Color Variations

The Modified versions of the alert color from this theme

alert-n5

  • HEX: rgb(33.15, 3.9, 3.9)
  • RGB: 33, 4, 4
  • HSL: 0deg ,80.7368421053%, 7.2647058824%

alert-n4

  • HEX: rgb(66.3, 7.8, 7.8)
  • RGB: 66, 8, 8
  • HSL: 0deg ,80.4210526316%, 14.5294117647%

alert-n3

  • HEX: rgb(110.5, 13, 13)
  • RGB: 111, 13, 13
  • HSL: 0deg ,80%, 24.2156862745%

alert-n2

  • HEX: rgb(154.7, 18.2, 18.2)
  • RGB: 155, 18, 18
  • HSL: 0deg ,79.5789473684%, 33.9019607843%

alert-n1

  • HEX: rgb(187.85, 22.1, 22.1)
  • 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: rgb(230.0842105263, 43.2157894737, 43.2157894737)
  • RGB: 230, 43, 43
  • HSL: 0deg ,75%, 53.5882352941%

alert-2

  • HEX: rgb(234.2368421053, 78.5131578947, 78.5131578947)
  • RGB: 234, 79, 79
  • HSL: 0deg ,69.0789473684%, 61.3235294118%

alert-3

  • HEX: rgb(241.1578947368, 137.3421052632, 137.3421052632)
  • RGB: 241, 137, 137
  • HSL: 0deg ,59.2105263158%, 74.2156862745%

alert-4

  • HEX: rgb(248.0789473684, 196.1710526316, 196.1710526316)
  • RGB: 248, 196, 196
  • HSL: 0deg ,49.3421052632%, 87.1078431373%

alert-5

  • HEX: rgb(252.2315789474, 231.4684210526, 231.4684210526)
  • RGB: 252, 231, 231
  • HSL: 0deg ,43.4210526316%, 94.8431372549%

Example

Default styling

Markup:
Markup:
Copy Code