Dark · curated

Velvet Radio

Velvet Radio is a curated expressive, analog, dramatic system designed to move from expressive brand color to dependable surface and text roles.

Color values

Velvet Radio Primary · primary

HEX #9D4EDD

RGB 157, 78, 221

HSL 273°, 68%, 59%

On white 4.60:1 · on black 4.57:1

Velvet Radio Secondary · secondary

HEX #C9184A

RGB 201, 24, 74

HSL 343°, 79%, 44%

On white 5.66:1 · on black 3.71:1

Velvet Radio Accent · accent

HEX #FCA311

RGB 252, 163, 17

HSL 37°, 98%, 53%

On white 2.02:1 · on black 10.39:1

Velvet Radio Background · background

HEX #17121C

RGB 23, 18, 28

HSL 270°, 22%, 9%

On white 18.43:1 · on black 1.14:1

Velvet Radio Text · text

HEX #FAF3E8

RGB 250, 243, 232

HSL 37°, 64%, 95%

On white 1.10:1 · on black 19.05: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.

Aa Sample text
16.71:1AAA
Aa Sample text
9.11:1AAA
Aa Sample text
5.13:1AA
Aa Sample text
4.17:1Large text only
Aa Sample text
4.01:1Large text only
Aa Sample text
3.26:1Large text only
Aa Sample text
2.80:1Decorative only
Aa Sample text
2.27:1Decorative only

Need to fix a failing pair? Run it through the accessibility checker or browse more palettes.