Arches: ACC & Bootstrap

Arches:ACC & Bootstrap

Multi Product Brand Style System by the American College of Cardiology

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

1.2.11 warning: Color Variations

The Modified versions of the warning color from this theme

warning-n5

  • HEX: #211402
  • RGB: 33, 20, 2
  • HSL: 33.8613861386deg ,87.4871794872%, 6.8823529412%

warning-n4

  • HEX: #412705
  • 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: #995b0b
  • RGB: 153, 91, 11
  • HSL: 33.8613861386deg ,86.735042735%, 32.1176470588%

warning-n1

  • HEX: #b96f0e
  • RGB: 185, 111, 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: #ee9118
  • RGB: 238, 145, 24
  • HSL: 33.8613861386deg ,82.0085470085%, 51.2941176471%

warning-2

  • HEX: #f1a33e
  • RGB: 241, 163, 62
  • HSL: 33.8613861386deg ,75.5341880342%, 59.4117647059%

warning-3

  • HEX: #f6c27e
  • RGB: 246, 194, 126
  • HSL: 33.8613861386deg ,64.7435897436%, 72.9411764706%

warning-4

  • HEX: #fae0bf
  • RGB: 250, 224, 191
  • HSL: 33.8613861386deg ,53.952991453%, 86.4705882353%

warning-5

  • HEX: #fdf3e5
  • RGB: 253, 243, 229
  • HSL: 33.8613861386deg ,47.4786324786%, 94.5882352941%

Example

Default styling

Markup: 
Markup:
Copy Code