Vivid · curated
Voltage
Voltage is a curated charged, clean, synthetic system designed to move from expressive brand color to dependable surface and text roles.
Color values
Voltage Primary · primary
HEX #00F5D4
RGB 0, 245, 212
HSL 172°, 100%, 48%
On white 1.40:1 · on black 15.01:1
Voltage Secondary · secondary
HEX #00BBF9
RGB 0, 187, 249
HSL 195°, 100%, 49%
On white 2.22:1 · on black 9.48:1
Voltage Accent · accent
HEX #9B5DE5
RGB 155, 93, 229
HSL 267°, 72%, 63%
On white 4.13:1 · on black 5.09:1
Voltage Background · background
HEX #00F5D4
RGB 0, 245, 212
HSL 172°, 100%, 48%
On white 1.40:1 · on black 15.01:1
Voltage Text · text
HEX #9B5DE5
RGB 155, 93, 229
HSL 267°, 72%, 63%
On white 4.13:1 · on black 5.09: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.