Boost Color Palette

#FFFA65

#dede00

#bdbd00

#FFFA65

#dede00

#bdbd00

Colors overview

Yellow

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#fffa65	rgb(255, 250, 101)	hsl(58 100% 70%)	hwb(58 40% 0%)	lch(96.6 70.5 99.2)	lab(96.6 -11.3 69.6)	cmyk 0%, 2%, 60%, 0%
	#dede00	rgb(222, 222, 0)	hsl(60 100% 44%)	hwb(60 0% 13%)	lch(86.3 85.3 99.6)	lab(86.3 -14.2 84.1)	cmyk 0%, 0%, 100%, 13%
	#bdbd00	rgb(189, 189, 0)	hsl(60 100% 37%)	hwb(60 0% 26%)	lch(74.7 75.6 99.6)	lab(74.7 -12.6 74.6)	cmyk 0%, 0%, 100%, 26%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#FFFA65

AA - 1.09



#dede00

AA - 1.44



#bdbd00

AA - 2.01



Color blindness

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

Colors preview as gradient with protanopia

Colors preview as palette with protanopia

UI components preview

Preview the gradient in different UI components.

HDR color space

HDR oklab colors



background: linear-gradient(45deg, oklab(96.2% -0.05 0.16), oklab(87.2% -0.064 0.179), oklab(77.3% -0.057 0.159))

Fallback colors



background: linear-gradient(45deg, #FFFA65, #dede00, #bdbd00)

Colors



<!-- Primary Colors -->
<color name="boost_color_10">#FFFA65</color>
<color name="boost_color_20">#dede00</color>
<color name="boost_color_30">#bdbd00</color>

PWA prompt