Warm · curated
Ember Line
Ember Line is a curated smoky, dramatic, intimate system designed to move from expressive brand color to dependable surface and text roles.
Color values
Ember Line Primary · primary
HEX #23074D
RGB 35, 7, 77
HSL 264°, 83%, 16%
On white 17.37:1 · on black 1.21:1
Ember Line Secondary · secondary
HEX #CC5333
RGB 204, 83, 51
HSL 13°, 60%, 50%
On white 4.33:1 · on black 4.85:1
Ember Line Accent · accent
HEX #FFB35C
RGB 255, 179, 92
HSL 32°, 100%, 68%
On white 1.77:1 · on black 11.85:1
Ember Line Background · background
HEX #23074D
RGB 35, 7, 77
HSL 264°, 83%, 16%
On white 17.37:1 · on black 1.21:1
Ember Line Text · text
HEX #FFB35C
RGB 255, 179, 92
HSL 32°, 100%, 68%
On white 1.77:1 · on black 11.85:1
Text contrast between these colors
WCAG 2.2 asks for 4.5:1 for body text (AA), 3:1 for large text, and 7:1 for AAA. Strongest pairs first.
Need to fix a failing pair? Run it through the accessibility checker or browse more palettes.