This Documentation is Moved!

This is currently being depreciated. Please visited the new location for the styleguide at https://assets.acc.org/Arches/Latest/docs/

Arches: Color Codes

Arches:Color Codes

Multi Product Brand Style System by the American College of Cardiology

Pathway V2

Source: dist/css/color-code_bases.css, line 32

4 Pathway V2

Each of the clinical pathways has a distinctive color. These colors are used to give a distinct theme to our clinical apps, marketing, pdf's and tools.

  • #c8b02f; Interventional and Structural (Invasive)

    $pathwayV2-invt

  • #fdb918; Pediatric and Congenital Heart Disease (PCHD)

    $pathwayV2-pchd

  • #947b33; Multimodality Imaging (IMAG)

    $pathwayV2-imag

  • #ae171c; Vascular Medicine (VASC)

    $pathwayV2-vasc

  • #d60e7e; Pulmonary Vascular Disease (PULMVD)

    $pathwayV2-pulmvd

  • #4f4190; Valvular Heart Disease (VALV)

    $pathwayV2-valv

  • #005b37; Electrophysiology (EP)

    $pathwayV2-ep

  • #0f3e65; Ischemic Heart Disease (ISCHEM)

    $pathwayV2-ischem

  • #00b6f1; Specialty Topics (SPECIAL)

    $pathwayV2-special

  • #a01d51; Prevention and Health Promotion (PREV)

    $pathwayV2-prev

  • #410d49; Heart Failure and Cardiomyopathies (HF)

    $pathwayV2-hf

Source: dist/css/color-code_bases.css, line 487

4.1 ep

Font, Border and Background Colors using ep

Border Color `br_ep-x`

br 5
br 4
br 3
br 2
br 1
br 0
br n1
br n2
br n3
br n4
br n5

Background Color `bg_ep-x`

white
5
4
3
2
1
0
n1
n2
n3
n4
n5
black

Font Color `c_ep-x`

modified level 5 of the font color.
modified level 4 of the font color.
modified level 3 of the font color.
modified level 2 of the font color.
modified level 1 of the font color.
modified level 0 of the font color.
modified level n1 of the font color.
modified level n2 of the font color.
modified level n3 of the font color.
modified level n4 of the font color.
modified level n5 of the font color.

Source: dist/css/color-code_bases.css, line 379

4.2 hf

Font, Border and Background Colors using hf

Border Color `br_hf-x`

br 5
br 4
br 3
br 2
br 1
br 0
br n1
br n2
br n3
br n4
br n5

Background Color `bg_hf-x`

white
5
4
3
2
1
0
n1
n2
n3
n4
n5
black

Font Color `c_hf-x`

modified level 5 of the font color.
modified level 4 of the font color.
modified level 3 of the font color.
modified level 2 of the font color.
modified level 1 of the font color.
modified level 0 of the font color.
modified level n1 of the font color.
modified level n2 of the font color.
modified level n3 of the font color.
modified level n4 of the font color.
modified level n5 of the font color.

Source: dist/css/color-code_bases.css, line 163

4.3 imag

Font, Border and Background Colors using imag

Border Color `br_imag-x`

br 5
br 4
br 3
br 2
br 1
br 0
br n1
br n2
br n3
br n4
br n5

Background Color `bg_imag-x`

white
5
4
3
2
1
0
n1
n2
n3
n4
n5
black

Font Color `c_imag-x`

modified level 5 of the font color.
modified level 4 of the font color.
modified level 3 of the font color.
modified level 2 of the font color.
modified level 1 of the font color.
modified level 0 of the font color.
modified level n1 of the font color.
modified level n2 of the font color.
modified level n3 of the font color.
modified level n4 of the font color.
modified level n5 of the font color.

Source: dist/css/color-code_bases.css, line 55

4.4 invt

Font, Border and Background Colors using invt

Border Color `br_invt-x`

br 5
br 4
br 3
br 2
br 1
br 0
br n1
br n2
br n3
br n4
br n5

Background Color `bg_invt-x`

white
5
4
3
2
1
0
n1
n2
n3
n4
n5
black

Font Color `c_invt-x`

modified level 5 of the font color.
modified level 4 of the font color.
modified level 3 of the font color.
modified level 2 of the font color.
modified level 1 of the font color.
modified level 0 of the font color.
modified level n1 of the font color.
modified level n2 of the font color.
modified level n3 of the font color.
modified level n4 of the font color.
modified level n5 of the font color.

Source: dist/css/color-code_bases.css, line 541

4.5 ischem

Font, Border and Background Colors using ischem

Border Color `br_ischem-x`

br 5
br 4
br 3
br 2
br 1
br 0
br n1
br n2
br n3
br n4
br n5

Background Color `bg_ischem-x`

white
5
4
3
2
1
0
n1
n2
n3
n4
n5
black

Font Color `c_ischem-x`

modified level 5 of the font color.
modified level 4 of the font color.
modified level 3 of the font color.
modified level 2 of the font color.
modified level 1 of the font color.
modified level 0 of the font color.
modified level n1 of the font color.
modified level n2 of the font color.
modified level n3 of the font color.
modified level n4 of the font color.
modified level n5 of the font color.

Source: dist/css/color-code_bases.css, line 109

4.6 pchd

Font, Border and Background Colors using pchd

Border Color `br_pchd-x`

br 5
br 4
br 3
br 2
br 1
br 0
br n1
br n2
br n3
br n4
br n5

Background Color `bg_pchd-x`

white
5
4
3
2
1
0
n1
n2
n3
n4
n5
black

Font Color `c_pchd-x`

modified level 5 of the font color.
modified level 4 of the font color.
modified level 3 of the font color.
modified level 2 of the font color.
modified level 1 of the font color.
modified level 0 of the font color.
modified level n1 of the font color.
modified level n2 of the font color.
modified level n3 of the font color.
modified level n4 of the font color.
modified level n5 of the font color.

Source: dist/css/color-code_bases.css, line 325

4.7 prev

Font, Border and Background Colors using prev

Border Color `br_prev-x`

br 5
br 4
br 3
br 2
br 1
br 0
br n1
br n2
br n3
br n4
br n5

Background Color `bg_prev-x`

white
5
4
3
2
1
0
n1
n2
n3
n4
n5
black

Font Color `c_prev-x`

modified level 5 of the font color.
modified level 4 of the font color.
modified level 3 of the font color.
modified level 2 of the font color.
modified level 1 of the font color.
modified level 0 of the font color.
modified level n1 of the font color.
modified level n2 of the font color.
modified level n3 of the font color.
modified level n4 of the font color.
modified level n5 of the font color.

Source: dist/css/color-code_bases.css, line 271

4.8 pulmvd

Font, Border and Background Colors using pulmvd

Border Color `br_pulmvd-x`

br 5
br 4
br 3
br 2
br 1
br 0
br n1
br n2
br n3
br n4
br n5

Background Color `bg_pulmvd-x`

white
5
4
3
2
1
0
n1
n2
n3
n4
n5
black

Font Color `c_pulmvd-x`

modified level 5 of the font color.
modified level 4 of the font color.
modified level 3 of the font color.
modified level 2 of the font color.
modified level 1 of the font color.
modified level 0 of the font color.
modified level n1 of the font color.
modified level n2 of the font color.
modified level n3 of the font color.
modified level n4 of the font color.
modified level n5 of the font color.

Source: dist/css/color-code_bases.css, line 595

4.9 special

Font, Border and Background Colors using special

Border Color `br_special-x`

br 5
br 4
br 3
br 2
br 1
br 0
br n1
br n2
br n3
br n4
br n5

Background Color `bg_special-x`

white
5
4
3
2
1
0
n1
n2
n3
n4
n5
black

Font Color `c_special-x`

modified level 5 of the font color.
modified level 4 of the font color.
modified level 3 of the font color.
modified level 2 of the font color.
modified level 1 of the font color.
modified level 0 of the font color.
modified level n1 of the font color.
modified level n2 of the font color.
modified level n3 of the font color.
modified level n4 of the font color.
modified level n5 of the font color.

Source: dist/css/color-code_bases.css, line 433

4.10 valv

Font, Border and Background Colors using valv

Border Color `br_valv-x`

br 5
br 4
br 3
br 2
br 1
br 0
br n1
br n2
br n3
br n4
br n5

Background Color `bg_valv-x`

white
5
4
3
2
1
0
n1
n2
n3
n4
n5
black

Font Color `c_valv-x`

modified level 5 of the font color.
modified level 4 of the font color.
modified level 3 of the font color.
modified level 2 of the font color.
modified level 1 of the font color.
modified level 0 of the font color.
modified level n1 of the font color.
modified level n2 of the font color.
modified level n3 of the font color.
modified level n4 of the font color.
modified level n5 of the font color.

Source: dist/css/color-code_bases.css, line 217

4.11 vasc

Font, Border and Background Colors using vasc

Border Color `br_vasc-x`

br 5
br 4
br 3
br 2
br 1
br 0
br n1
br n2
br n3
br n4
br n5

Background Color `bg_vasc-x`

white
5
4
3
2
1
0
n1
n2
n3
n4
n5
black

Font Color `c_vasc-x`

modified level 5 of the font color.
modified level 4 of the font color.
modified level 3 of the font color.
modified level 2 of the font color.
modified level 1 of the font color.
modified level 0 of the font color.
modified level n1 of the font color.
modified level n2 of the font color.
modified level n3 of the font color.
modified level n4 of the font color.
modified level n5 of the font color.