Vivid · curated

Neon Market

Neon Market is a curated electric, nocturnal, playful system designed to move from expressive brand color to dependable surface and text roles.

Color values

Neon Market Primary · primary

HEX #7209B7

RGB 114, 9, 183

HSL 276°, 91%, 38%

On white 8.61:1 · on black 2.44:1

Neon Market Secondary · secondary

HEX #3A0CA3

RGB 58, 12, 163

HSL 258°, 86%, 34%

On white 11.92:1 · on black 1.76:1

Neon Market Accent · accent

HEX #4CC9F0

RGB 76, 201, 240

HSL 194°, 85%, 62%

On white 1.92:1 · on black 10.92:1

Neon Market Background · background

HEX #F72585

RGB 247, 37, 133

HSL 333°, 93%, 56%

On white 3.78:1 · on black 5.56:1

Neon Market Text · text

HEX #0D0D0F

RGB 13, 13, 15

HSL 240°, 7%, 5%

On white 19.42:1 · on black 1.08: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
10.10:1AAA
Aa Sample text
6.20:1AA
Aa Sample text
5.14:1AA
Aa Sample text
4.48:1Large text only
Aa Sample text
3.16:1Large text only
Aa Sample text
2.28:1Decorative only
Aa Sample text
2.25:1Decorative only
Aa Sample text
1.96:1Decorative only

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