Pure Red

#870002

#cd0003

#f2494c

#f99b9d

#fff2f2

Actions

Explore the palette in different formats, and actions.

Colors overview

Red

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#870002	rgb(135, 0, 2)	hsl(360 100% 26%)	oklab(39% 0.14 0.08)	oklch(39% 0.16 29)	color(display-p3 0.48 0.09 0.06)
	#cd0003	rgb(205, 0, 3)	hsl(360 100% 40%)	oklab(53% 0.19 0.11)	oklch(53% 0.22 29)	color(display-p3 0.74 0.15 0.11)
	#f2494c	rgb(242, 73, 76)	hsl(360 87% 62%)	oklab(65% 0.19 0.08)	oklch(65% 0.21 24)	color(display-p3 0.88 0.34 0.32)
	#f99b9d	rgb(249, 155, 157)	hsl(360 89% 79%)	oklab(79% 0.11 0.04)	oklch(79% 0.11 19)	color(display-p3 0.92 0.62 0.62)
	#fff2f2	rgb(255, 242, 242)	hsl(0 100% 97%)	oklab(97% 0.01 0)	oklch(97% 0.01 17)	color(display-p3 0.99 0.95 0.95)

 Click on a color value to copy it to your clipboard.

Contrast ratios checker

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

#870002

AAA - 10.33



#cd0003

AA - 5.83



#f2494c

AA - 3.6



#f99b9d

AA - 2.05



#fff2f2

AA - 1.09



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 color space

HDR oklab colors



background: linear-gradient(45deg, oklab(39.2% 0.141 0.077), oklab(53.3% 0.191 0.106), oklab(64.8% 0.188 0.084), oklab(78.6% 0.107 0.036), oklab(97.1% 0.013 0.004))

Fallback colors



background: linear-gradient(45deg, #870002, #cd0003, #f2494c, #f99b9d, #fff2f2)

Colors



<!-- Primary Colors -->
<color name="pure_red_color_10">#870002</color>
<color name="pure_red_color_20">#cd0003</color>
<color name="pure_red_color_30">#f2494c</color>
<color name="pure_red_color_40">#f99b9d</color>
<color name="pure_red_color_50">#fff2f2</color>

PWA prompt