Bloom Color Palette

#FFD700

#FF69B4

#FF1493

#00FFFF

#FFD700

#FF69B4

#FF1493

#00FFFF

Colors overview

 Yellow

 Cyan

 Pink

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#ffd700	rgb(255, 215, 0)	hsl(51 100% 50%)	hwb(51 0% 0%)	lch(87.5 86.6 88.1)	lab(87.5 2.91 86.6)	cmyk 0%, 16%, 100%, 0%
	#ff69b4	rgb(255, 105, 180)	hsl(330 100% 71%)	hwb(330 41% 0%)	lch(65.9 64 351)	lab(65.9 63.3 -9.64)	cmyk 0%, 59%, 29%, 0%
	#ff1493	rgb(255, 20, 147)	hsl(330 100% 54%)	hwb(330 7.8% 0%)	lch(56.6 83.6 357)	lab(56.6 83.5 -4.12)	cmyk 0%, 92%, 42%, 0%
	#00ffff	rgb(0, 255, 255)	hsl(180 100% 50%)	hwb(180 0% 0%)	lch(90.7 52.8 196)	lab(90.7 -50.7 -15)	cmyk 100%, 0%, 0%, 0%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#FFD700

AA - 1.4



#FF69B4

AA - 2.64



#FF1493

AA - 3.63



#00FFFF

AA - 1.25



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(88.7% -0.017 0.181), oklab(72.8% 0.195 -0.027), oklab(65.5% 0.261 -0.014), oklab(90.5% -0.149 -0.039))

Fallback colors New



background: linear-gradient(45deg, #FFD700, #FF69B4, #FF1493, #00FFFF)

Colors



<resources>
    <color name="bloom_100">#FFD700</color>
    <color name="bloom_200">#FF69B4</color>
    <color name="bloom_300">#FF1493</color>
    <color name="bloom_400">#00FFFF</color>
</resources>

PWA prompt