Flower

#49f2bf

#b5ffda

#e3ffed

#d3bef7

#5f18d9

#49f2bf

#b5ffda

#e3ffed

#d3bef7

#5f18d9

Colors overview

Green

Purple

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#49f2bf	rgb(73, 242, 191)	hsl(160 87% 62%)	hwb(160 29% 5.1%)	lch(86.2 55 168)	lab(86.2 -53.8 11.6)	cmyk 70%, 0%, 21%, 5%
	#b5ffda	rgb(181, 255, 218)	hsl(150 100% 85%)	hwb(150 71% 0%)	lch(94.4 31 161)	lab(94.4 -29.3 10.1)	cmyk 29%, 0%, 15%, 0%
	#e3ffed	rgb(227, 255, 237)	hsl(140 100% 95%)	hwb(140 89% 0%)	lch(97.6 13 156)	lab(97.6 -11.9 5.4)	cmyk 11%, 0%, 7%, 0%
	#d3bef7	rgb(211, 190, 247)	hsl(260 78% 86%)	hwb(260 75% 3.1%)	lch(80.2 30 302)	lab(80.2 15.8 -25.5)	cmyk 15%, 23%, 0%, 3%
	#5f18d9	rgb(95, 24, 217)	hsl(260 80% 47%)	hwb(260 9.4% 15%)	lch(32.7 104 305)	lab(32.7 60.5 -85)	cmyk 56%, 89%, 0%, 15%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#49f2bf

AA - 1.42



#b5ffda

AA - 1.14



#e3ffed

AA - 1.06



#d3bef7

AA - 1.68



#5f18d9

AAA - 8.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 space

HDR oklab colors New



background: linear-gradient(45deg, oklab(86.3% -0.152 0.031), oklab(94.1% -0.085 0.027), oklab(97.5% -0.035 0.014), oklab(83.8% 0.043 -0.069), oklab(46.5% 0.079 -0.239))

Fallback colors New



background: linear-gradient(45deg, #49f2bf, #b5ffda, #e3ffed, #d3bef7, #5f18d9)

Colors



<resources>
    <color name="flower_100">#49f2bf</color>
    <color name="flower_200">#b5ffda</color>
    <color name="flower_300">#e3ffed</color>
    <color name="flower_400">#d3bef7</color>
    <color name="flower_500">#5f18d9</color>
</resources>

PWA prompt