Dark · curated
After Hours
After Hours is a curated nocturnal, polished, focused system designed to move from expressive brand color to dependable surface and text roles.
Color values
After Hours Primary · primary
HEX #5E60CE
RGB 94, 96, 206
HSL 239°, 53%, 59%
On white 5.20:1 · on black 4.04:1
After Hours Secondary · secondary
HEX #5390D9
RGB 83, 144, 217
HSL 213°, 64%, 59%
On white 3.30:1 · on black 6.36:1
After Hours Accent · accent
HEX #FF9F1C
RGB 255, 159, 28
HSL 35°, 100%, 55%
On white 2.05:1 · on black 10.23:1
After Hours Background · background
HEX #111318
RGB 17, 19, 24
HSL 223°, 17%, 8%
On white 18.58:1 · on black 1.13:1
After Hours Text · text
HEX #F1F3F5
RGB 241, 243, 245
HSL 210°, 17%, 95%
On white 1.11:1 · on black 18.88: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.