Application

#121212

#ff5e45

#ffffff

#fc5ba6

#8f0043

Actions

Explore the palette in different formats, and actions.

Colors overview

Black

Orange

Pink

White

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#121212	rgb(18, 18, 18)	hsl(none 0% 7.1%)	hwb(none 7.1% 93%)	lch(5.46 0 none)	lab(5.46 0 0)	cmyk 0%, 0%, 0%, 93%
	#ff5e45	rgb(255, 94, 69)	hsl(8.1 100% 64%)	hwb(8.1 27% 0%)	lch(62.2 77.9 38.1)	lab(62.2 61.3 48.1)	cmyk 0%, 63%, 73%, 0%
	#ffffff	rgb(255, 255, 255)	hsl(none 0% 100%)	hwb(none 100% 0%)	lch(100 0 none)	lab(100 0 0)	cmyk 0%, 0%, 0%, 0%
	#fc5ba6	rgb(252, 91, 166)	hsl(330 96% 67%)	hwb(330 36% 1.2%)	lch(62.9 67 355)	lab(62.9 66.7 -6.07)	cmyk 0%, 64%, 34%, 1%
	#8f0043	rgb(143, 0, 67)	hsl(330 100% 28%)	hwb(330 0% 44%)	lch(30.5 54.6 5.24)	lab(30.5 54.4 4.99)	cmyk 0%, 100%, 53%, 44%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#121212

AAA - 18.73



#ff5e45

AA - 3.02



#ffffff

AA - 1



#fc5ba6

AA - 2.92



#8f0043

AAA - 9.33



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(18.2% 0 0), oklab(69% 0.171 0.104), oklab(100% 0 0), oklab(70.3% 0.206 -0.018), oklab(41.9% 0.168 0.01))

Fallback colors



background: linear-gradient(45deg, #121212, #ff5e45, #ffffff, #fc5ba6, #8f0043)

Colors



<!-- Primary Colors -->
<color name="application_color_10">#121212</color>
<color name="application_color_20">#ff5e45</color>
<color name="application_color_30">#ffffff</color>
<color name="application_color_40">#fc5ba6</color>
<color name="application_color_50">#8f0043</color>

PWA prompt