Sports Color Palette

#121212

#191970

#FF0000

#F5F5F5

#121212

#191970

#FF0000

#F5F5F5

Colors overview

Red

Blue

Black

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%
	#191970	rgb(25, 25, 112)	hsl(240 64% 27%)	hwb(240 9.8% 56%)	lch(14.9 57.1 297)	lab(14.9 26 -50.9)	cmyk 78%, 78%, 0%, 56%
	#ff0000	rgb(255, 0, 0)	hsl(0 100% 50%)	hwb(0 0% 0%)	lch(54.3 107 40.9)	lab(54.3 80.8 69.9)	cmyk 0%, 100%, 100%, 0%
	#f5f5f5	rgb(245, 245, 245)	hsl(none 0% 96%)	hwb(none 96% 3.9%)	lch(96.5 0 none)	lab(96.5 0 0)	cmyk 0%, 0%, 0%, 4%

 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



#191970

AAA - 14.84



#FF0000

AA - 3.99



#F5F5F5

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(18.2% 0 0), oklab(28.8% 0.007 -0.143), oklab(62.8% 0.225 0.126), oklab(97% 0 0))

Fallback colors



background: linear-gradient(45deg, #121212, #191970, #FF0000, #F5F5F5)

Colors



<!-- Primary Colors -->
<color name="sports_color_10">#121212</color>
<color name="sports_color_20">#191970</color>
<color name="sports_color_30">#FF0000</color>
<color name="sports_color_40">#F5F5F5</color>

PWA prompt