Arches: JACC & UC Only Patterns

Arches:JACC & UC Only Patterns

Multi Product Brand Style System by the American College of Cardiology

Source: dist/css/journal_recipe.css, line 234

1.2.3 alert: Color Variations

The Modified versions of the alert color from this theme

alert-n5

  • HEX: #1a0503
  • RGB: 26, 5, 3
  • HSL: 4.4295302013deg ,78.4153846154%, 5.7352941176%

alert-n4

  • HEX: #340a07
  • RGB: 52, 10, 7
  • HSL: 4.4295302013deg ,78.0615384615%, 11.4705882353%

alert-n3

  • HEX: #56110c
  • RGB: 86, 17, 12
  • HSL: 4.4295302013deg ,77.5897435897%, 19.1176470588%

alert-n2

  • HEX: #781810
  • RGB: 120, 24, 16
  • HSL: 4.4295302013deg ,77.1179487179%, 26.7647058824%

alert-n1

  • HEX: #921d14
  • RGB: 146, 29, 20
  • HSL: 4.4295302013deg ,76.7641025641%, 32.5%

alert-0

  • HEX: #ac2217
  • RGB: 172, 34, 23
  • HSL: 4.4295302013deg, 76.4102564103%, 38.2352941176%

alert-1

  • HEX: #c8271b
  • RGB: 200, 39, 27
  • HSL: 4.4295302013deg ,72.5897435897%, 44.4117647059%

alert-2

  • HEX: #e33c2f
  • RGB: 227, 60, 47
  • HSL: 4.4295302013deg ,66.858974359%, 53.6764705882%

alert-3

  • HEX: #ec7d74
  • RGB: 236, 125, 116
  • HSL: 4.4295302013deg ,57.3076923077%, 69.1176470588%

alert-4

  • HEX: #f6beba
  • RGB: 246, 190, 186
  • HSL: 4.4295302013deg ,47.7564102564%, 84.5588235294%

alert-5

  • HEX: #fbe5e3
  • RGB: 251, 229, 227
  • HSL: 4.4295302013deg ,42.0256410256%, 93.8235294118%

Example

Default styling

Markup: 
Markup:
Copy Code