#870002

#cd0003

#f2494c

#f99b9d

#fff2f2

Pure Red

#870002

#cd0003

#f2494c

#f99b9d

#fff2f2



Web code

Get CSS, SCSS, & Tailwind code for development



App tokens

Get Android, Flutter, Swift, & MAUI tokens



Quick view

Inspect colors in multiple color spaces

Colors overview

Red

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#870002	rgb(135, 0, 2)	hsl(360 100% 26%)	hwb(360 0% 47%)	lch(27.8 64.8 39)	lab(27.8 50.4 40.8)	cmyk 0%, 100%, 99%, 47%
	#cd0003	rgb(205, 0, 3)	hsl(360 100% 40%)	hwb(360 0% 20%)	lch(43.6 90 40.3)	lab(43.6 68.6 58.2)	cmyk 0%, 100%, 99%, 20%
	#f2494c	rgb(242, 73, 76)	hsl(360 87% 62%)	hwb(360 29% 5.1%)	lch(57 75.3 30.2)	lab(57 65.1 37.9)	cmyk 0%, 70%, 69%, 5%
	#f99b9d	rgb(249, 155, 157)	hsl(360 89% 79%)	hwb(360 61% 2.4%)	lch(73.9 39 22)	lab(73.9 36.2 14.6)	cmyk 0%, 38%, 37%, 2%
	#fff2f2	rgb(255, 242, 242)	hsl(0 100% 97%)	hwb(0 95% 0%)	lch(96.5 4.81 20)	lab(96.5 4.52 1.65)	cmyk 0%, 5%, 5%, 0%

 Click a color format to copy 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