Arches: Virtual ACC

Arches:Virtual ACC

Multi Product Brand Style System by the American College of Cardiology

Source: dist/css/virtual_boot.css, line 14977

1.2.10 success: Color Variations

The Modified versions of the success color from this theme

success-n5

  • HEX: #011507
  • RGB: 1, 21, 7
  • HSL: 137.8625954198deg ,91.1655172414%, 4.2647058824%

success-n4

  • HEX: #02290e
  • RGB: 2, 41, 14
  • HSL: 137.8625954198deg ,91.0206896552%, 8.5294117647%

success-n3

  • HEX: #044517
  • RGB: 4, 69, 23
  • HSL: 137.8625954198deg ,90.8275862069%, 14.2156862745%

success-n2

  • HEX: #056120
  • RGB: 5, 97, 32
  • HSL: 137.8625954198deg ,90.6344827586%, 19.9019607843%

success-n1

  • HEX: #067527
  • RGB: 6, 117, 39
  • HSL: 137.8625954198deg ,90.4896551724%, 24.1666666667%

success-0

  • HEX: #078a2e
  • RGB: 7, 138, 46
  • HSL: 137.8625954198deg, 90.3448275862%, 28.431372549%

success-1

  • HEX: #09ad3a
  • RGB: 9, 173, 58
  • HSL: 137.8625954198deg ,85.8275862069%, 35.5882352941%

success-2

  • HEX: #0be14b
  • RGB: 11, 225, 75
  • HSL: 137.8625954198deg ,79.0517241379%, 46.3235294118%

success-3

  • HEX: #51f682
  • RGB: 81, 246, 130
  • HSL: 137.8625954198deg ,67.7586206897%, 64.2156862745%

success-4

  • HEX: #a8fbc1
  • RGB: 168, 251, 193
  • HSL: 137.8625954198deg ,56.4655172414%, 82.1078431373%

success-5

  • HEX: #dcfde6
  • RGB: 220, 253, 230
  • HSL: 137.8625954198deg ,49.6896551724%, 92.8431372549%

Example

Default styling

Markup: 
Markup:
Copy Code