Brainstorm

#240217

#570738

#941061

#eb2da2

#ff7dcd

#240217

#570738

#941061

#eb2da2

#ff7dcd

Colors overview

Pink

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#240217	rgb(36, 2, 23)	hsl(320 89% 7.5%)	hwb(320 0.78% 86%)	lch(4.41 18.5 346)	lab(4.41 17.9 -4.52)	cmyk 0%, 94%, 36%, 86%
	#570738	rgb(87, 7, 56)	hsl(320 85% 18%)	hwb(320 2.7% 66%)	lch(18 38.3 349)	lab(18 37.5 -7.51)	cmyk 0%, 92%, 36%, 66%
	#941061	rgb(148, 16, 97)	hsl(320 80% 32%)	hwb(320 6.3% 42%)	lch(33.3 56.3 349)	lab(33.3 55.3 -10.5)	cmyk 0%, 89%, 34%, 42%
	#eb2da2	rgb(235, 45, 162)	hsl(320 83% 55%)	hwb(320 18% 7.8%)	lch(54.6 77.6 348)	lab(54.6 75.9 -16.4)	cmyk 0%, 81%, 31%, 8%
	#ff7dcd	rgb(255, 125, 205)	hsl(320 100% 75%)	hwb(320 49% 0%)	lch(69.9 59.7 343)	lab(69.9 57 -17.6)	cmyk 0%, 51%, 20%, 0%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#240217

AAA - 19.15



#570738

AAA - 14.06



#941061

AAA - 8.38



#eb2da2

AA - 3.86



#ff7dcd

AA - 2.31



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(17.8% 0.066 -0.016), oklab(30.7% 0.117 -0.021), oklab(44.6% 0.173 -0.03), oklab(63.7% 0.237 -0.046), oklab(76.2% 0.174 -0.049))

Fallback colors New



background: linear-gradient(45deg, #240217, #570738, #941061, #eb2da2, #ff7dcd)

Colors



<resources>
    <color name="brainstorm_100">#240217</color>
    <color name="brainstorm_200">#570738</color>
    <color name="brainstorm_300">#941061</color>
    <color name="brainstorm_400">#eb2da2</color>
    <color name="brainstorm_500">#ff7dcd</color>
</resources>

PWA prompt