Random

#f2f2f2

#00e05d

#ffdb4d

#bb68df

#db2f1f

#f2f2f2

#00e05d

#ffdb4d

#bb68df

#db2f1f

Colors overview

Red

Green

Yellow

Purple

Grey

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#f2f2f2	rgb(242, 242, 242)	hsl(none 0% 95%)	hwb(none 95% 5.1%)	lch(95.5 0 none)	lab(95.5 0 0)	cmyk 0%, 0%, 0%, 5%
	#00e05d	rgb(0, 224, 93)	hsl(140 100% 44%)	hwb(140 0% 12%)	lch(78.5 83.8 144)	lab(78.5 -67.6 49.5)	cmyk 100%, 0%, 58%, 12%
	#ffdb4d	rgb(255, 219, 77)	hsl(48 100% 65%)	hwb(48 30% 0%)	lch(88.7 70.9 88.1)	lab(88.7 2.31 70.9)	cmyk 0%, 14%, 70%, 0%
	#bb68df	rgb(187, 104, 223)	hsl(280 65% 64%)	hwb(280 41% 13%)	lch(57.5 67.8 315)	lab(57.5 48.3 -47.7)	cmyk 16%, 53%, 0%, 13%
	#db2f1f	rgb(219, 47, 31)	hsl(5.1 75% 49%)	hwb(5.1 12% 14%)	lch(49.4 83.7 38.9)	lab(49.4 65.1 52.6)	cmyk 0%, 79%, 86%, 14%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#f2f2f2

AA - 1.11



#00e05d

AA - 1.77



#ffdb4d

AA - 1.35



#bb68df

AA - 3.4



#db2f1f

AA - 4.73



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 space

HDR oklab colors New



background: linear-gradient(45deg, oklab(96.1% 0 0), oklab(79.1% -0.194 0.12), oklab(89.8% -0.013 0.158), oklab(65.9% 0.131 -0.133), oklab(58.1% 0.181 0.105))

Fallback colors New



background: linear-gradient(45deg, #f2f2f2, #00e05d, #ffdb4d, #bb68df, #db2f1f)

Colors



<resources>
    <color name="random_100">#f2f2f2</color>
    <color name="random_200">#00e05d</color>
    <color name="random_300">#ffdb4d</color>
    <color name="random_400">#bb68df</color>
    <color name="random_500">#db2f1f</color>
</resources>

PWA prompt