Boost Color Palette

Actions

Explore the palette in different formats, and actions.

Yellow

marketing

neon

HEX	RGB	HWB	OKLAB	OKLCH	P3
#fffa65	rgb(100% 98% 39.6%)	hwb(58 40% 0%)	oklab(96.2% -0.05 0.16)	oklch(96.2% 0.167 107)	color(display-p3 0.997 0.981 0.49)
#dede00	rgb(87.1% 87.1% 0%)	hwb(60 0% 13%)	oklab(87.2% -0.064 0.179)	oklch(87.2% 0.19 110)	color(display-p3 0.871 0.871 0.284)
#bdbd00	rgb(74.1% 74.1% 0%)	hwb(60 0% 26%)	oklab(77.3% -0.057 0.159)	oklch(77.3% 0.168 110)	color(display-p3 0.741 0.741 0.236)

Click one color card to view the complete contrast checker tests.

#FFFA65

Fail - 1.09

#dede00

Fail - 1.44

#bdbd00

Fail - 2.01

Click on a color block to open the full contrast checker. Levels are based on WCAG 2.1 guidelines.

AAA

Perfect ≥ 7:1

Easy to read for everyone, including people with visual impairments.

AA

Good ≥ 4.5:1

Meets standard requirements for most users and situations.

Fail

Poor < 4.5:1

Text may be difficult to read, especially for people with visual challenges.

The simulation of color blindness may not be 100% accurate sometimes.

Colors preview as gradient with Protanopia

Colors preview as palette with Protanopia

Preview the palette in different UI components.