Arches: ACC & Bootstrap

Arches:ACC & Bootstrap

Multi Product Brand Style System by the American College of Cardiology

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

1.2.11 warning: Color Variations

The Modified versions of the warning color from this theme

warning-n5

  • HEX: rgb(32.7, 19.5, 2.4)
  • RGB: 33, 19, 2
  • HSL: 33.8613861386deg ,87.4871794872%, 6.8823529412%

warning-n4

  • HEX: rgb(65.4, 39, 4.8)
  • RGB: 65, 39, 5
  • HSL: 33.8613861386deg ,87.2820512821%, 13.7647058824%

warning-n3

  • HEX: #6d4108
  • RGB: 109, 65, 8
  • HSL: 33.8613861386deg ,87.0085470085%, 22.9411764706%

warning-n2

  • HEX: rgb(152.6, 91, 11.2)
  • RGB: 153, 91, 11
  • HSL: 33.8613861386deg ,86.735042735%, 32.1176470588%

warning-n1

  • HEX: rgb(185.3, 110.5, 13.6)
  • RGB: 185, 110, 14
  • HSL: 33.8613861386deg ,86.5299145299%, 39%

warning-0

  • HEX: #da8210
  • RGB: 218, 130, 16
  • HSL: 33.8613861386deg, 86.3247863248%, 45.8823529412%

warning-1

  • HEX: rgb(238.0153846154, 144.6, 23.5846153846)
  • RGB: 238, 145, 24
  • HSL: 33.8613861386deg ,82.0085470085%, 51.2941176471%

warning-2

  • HEX: rgb(240.8461538462, 163, 62.1538461538)
  • RGB: 241, 163, 62
  • HSL: 33.8613861386deg ,75.5341880342%, 59.4117647059%

warning-3

  • HEX: rgb(245.5641025641, 193.6666666667, 126.4358974359)
  • RGB: 246, 194, 126
  • HSL: 33.8613861386deg ,64.7435897436%, 72.9411764706%

warning-4

  • HEX: rgb(250.2820512821, 224.3333333333, 190.7179487179)
  • RGB: 250, 224, 191
  • HSL: 33.8613861386deg ,53.952991453%, 86.4705882353%

warning-5

  • HEX: rgb(253.1128205128, 242.7333333333, 229.2871794872)
  • RGB: 253, 243, 229
  • HSL: 33.8613861386deg ,47.4786324786%, 94.5882352941%

Example

Default styling

Markup:
Markup:
Copy Code