Sports

#141414

#B22222

#e68181

#FFFFFF

#4169E1

Actions

Explore the palette in different formats, and actions.

Colors overview

Red

Blue

Black

White

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#141414	rgb(20, 20, 20)	hsl(none 0% 7.8%)	hwb(none 7.8% 92%)	lch(6.32 0 none)	lab(6.32 0 0)	cmyk 0%, 0%, 0%, 92%
	#b22222	rgb(178, 34, 34)	hsl(0 68% 42%)	hwb(0 13% 30%)	lch(39.8 68.8 34.7)	lab(39.8 56.6 39.2)	cmyk 0%, 81%, 81%, 30%
	#e68181	rgb(230, 129, 129)	hsl(0 67% 70%)	hwb(0 51% 9.8%)	lch(65.5 43.6 24.5)	lab(65.5 39.7 18.1)	cmyk 0%, 44%, 44%, 10%
	#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%
	#4169e1	rgb(65, 105, 225)	hsl(230 73% 57%)	hwb(230 25% 12%)	lch(46.8 69 285)	lab(46.8 17.8 -66.7)	cmyk 71%, 53%, 0%, 12%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#141414

AAA - 18.42



#B22222

AA - 6.67



#e68181

AA - 2.68



#FFFFFF

AA - 1



#4169E1

AA - 4.84



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(19.1% 0 0), oklab(49.7% 0.16 0.081), oklab(71.4% 0.117 0.044), oklab(100% 0 0), oklab(56% -0.012 -0.188))

Fallback colors



background: linear-gradient(45deg, #141414, #B22222, #e68181, #FFFFFF, #4169E1)

Colors



<!-- Primary Colors -->
<color name="sports_color_10">#141414</color>
<color name="sports_color_20">#B22222</color>
<color name="sports_color_30">#e68181</color>
<color name="sports_color_40">#FFFFFF</color>
<color name="sports_color_50">#4169E1</color>

PWA prompt