Arches: CardioSmart

Arches:CardioSmart

Multi Product Brand Style System by the American College of Cardiology

Source: dist/css/cardiosmart_boot.css, line 10453

1.2.10 success: Color Variations

The Modified versions of the success color from this theme

success-n5

  • HEX: #0b140b
  • RGB: 11, 20, 11
  • HSL: 120.9090909091deg ,37.8155339806%, 6.0588235294%

success-n4

  • HEX: #152915
  • RGB: 21, 41, 21
  • HSL: 120.9090909091deg ,36.7961165049%, 12.1176470588%

success-n3

  • HEX: #234424
  • RGB: 35, 68, 36
  • HSL: 120.9090909091deg ,35.4368932039%, 20.1960784314%

success-n2

  • HEX: #315f32
  • RGB: 49, 95, 50
  • HSL: 120.9090909091deg ,34.0776699029%, 28.2745098039%

success-n1

  • HEX: #3c743c
  • RGB: 60, 116, 60
  • HSL: 120.9090909091deg ,33.0582524272%, 34.3333333333%

success-0

  • HEX: #468847
  • RGB: 70, 136, 71
  • HSL: 120.9090909091deg, 32.0388349515%, 40.3921568627%

success-1

  • HEX: #509c51
  • RGB: 80, 156, 81
  • HSL: 120.9090909091deg ,30.4368932039%, 46.3529411765%

success-2

  • HEX: #68b26a
  • RGB: 104, 178, 106
  • HSL: 120.9090909091deg ,28.0339805825%, 55.2941176471%

success-3

  • HEX: #9bcb9b
  • RGB: 155, 203, 155
  • HSL: 120.9090909091deg ,24.0291262136%, 70.1960784314%

success-4

  • HEX: #cde5cd
  • RGB: 205, 229, 205
  • HSL: 120.9090909091deg ,20.0242718447%, 85.0980392157%

success-5

  • HEX: #ebf5eb
  • RGB: 235, 245, 235
  • HSL: 120.9090909091deg ,17.6213592233%, 94.0392156863%

Example

Default styling

Markup: 
Markup:
Copy Code