Sports

#ff3907

#ffdcd4

#ffffff

#ededff

#4f39fc

Actions

Explore the palette in different formats, and actions.

Colors overview

Orange

Blue

White

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#ff3907	rgb(255, 57, 7)	hsl(12 100% 51%)	hwb(12 2.7% 0%)	lch(57.3 100 43.5)	lab(57.3 72.6 69)	cmyk 0%, 78%, 97%, 0%
	#ffdcd4	rgb(255, 220, 212)	hsl(11 100% 92%)	hwb(11 83% 0%)	lch(90.6 14.5 36.7)	lab(90.6 11.6 8.66)	cmyk 0%, 14%, 17%, 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%
	#ededff	rgb(237, 237, 255)	hsl(240 100% 96%)	hwb(240 93% 0%)	lch(94.1 9.05 286)	lab(94.1 2.47 -8.71)	cmyk 7%, 7%, 0%, 0%
	#4f39fc	rgb(79, 57, 252)	hsl(250 97% 61%)	hwb(250 22% 1.2%)	lch(38.9 109 300)	lab(38.9 54.1 -94.8)	cmyk 69%, 77%, 0%, 1%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#ff3907

AA - 3.59



#ffdcd4

AA - 1.27



#ffffff

AA - 1



#ededff

AA - 1.15



#4f39fc

AA - 6.31



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(65.1% 0.199 0.129), oklab(92.1% 0.034 0.022), oklab(100% 0 0), oklab(95.1% 0.007 -0.023), oklab(51.6% 0.03 -0.267))

Fallback colors



background: linear-gradient(45deg, #ff3907, #ffdcd4, #ffffff, #ededff, #4f39fc)

Colors



<!-- Primary Colors -->
<color name="sports_color_10">#ff3907</color>
<color name="sports_color_20">#ffdcd4</color>
<color name="sports_color_30">#ffffff</color>
<color name="sports_color_40">#ededff</color>
<color name="sports_color_50">#4f39fc</color>

PWA prompt