Crimson Glory

#ff4d4f

#ff9c92

#e0537b

#b81140

#6b0020

#ff4d4f

#ff9c92

#e0537b

#b81140

#6b0020

Colors overview

Pink

Orange

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#ff4d4f	rgb(255, 77, 79)	hsl(360 100% 65%)	hwb(360 30% 0%)	lch(59.9 78.9 30.7)	lab(59.9 67.8 40.2)	cmyk 0%, 70%, 69%, 0%
	#ff9c92	rgb(255, 156, 146)	hsl(5.5 100% 79%)	hwb(5.5 57% 0%)	lch(74.7 43 30.5)	lab(74.7 37.1 21.8)	cmyk 0%, 39%, 43%, 0%
	#e0537b	rgb(224, 83, 123)	hsl(340 69% 60%)	hwb(340 33% 12%)	lch(56.1 58.7 8.28)	lab(56.1 58.1 8.45)	cmyk 0%, 63%, 45%, 12%
	#b81140	rgb(184, 17, 64)	hsl(340 83% 39%)	hwb(340 6.7% 28%)	lch(40.2 66.2 19.2)	lab(40.2 62.6 21.7)	cmyk 0%, 91%, 65%, 28%
	#6b0020	rgb(107, 0, 32)	hsl(340 100% 21%)	hwb(340 0% 58%)	lch(21.4 46 19.3)	lab(21.4 43.4 15.2)	cmyk 0%, 100%, 70%, 58%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#ff4d4f

AA - 3.26



#ff9c92

AA - 2.01



#e0537b

AA - 3.68



#b81140

AA - 6.57



#6b0020

AAA - 12.75



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(67.3% 0.195 0.089), oklab(79.2% 0.108 0.053), oklab(64% 0.177 0.019), oklab(50.3% 0.187 0.048), oklab(33.6% 0.13 0.034))

Fallback colors New



background: linear-gradient(45deg, #ff4d4f, #ff9c92, #e0537b, #b81140, #6b0020)

Colors



<resources>
    <color name="crimson_glory_100">#ff4d4f</color>
    <color name="crimson_glory_200">#ff9c92</color>
    <color name="crimson_glory_300">#e0537b</color>
    <color name="crimson_glory_400">#b81140</color>
    <color name="crimson_glory_500">#6b0020</color>
</resources>

PWA prompt