Sports v2 Color Palette

#5ceea7

#d1ffe9

#ffffff

#e8f1f1

#0d067c

#5ceea7

#d1ffe9

#ffffff

#e8f1f1

#0d067c

Colors overview

Green

Blue

White

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#5ceea7	rgb(92, 238, 167)	hsl(150 81% 65%)	hwb(150 36% 6.7%)	lch(85 57.5 157)	lab(85 -53 22.4)	cmyk 61%, 0%, 30%, 7%
	#d1ffe9	rgb(209, 255, 233)	hsl(150 100% 91%)	hwb(150 82% 0%)	lch(96.3 19.2 163)	lab(96.3 -18.4 5.45)	cmyk 18%, 0%, 9%, 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%
	#e8f1f1	rgb(232, 241, 241)	hsl(180 24% 93%)	hwb(180 91% 5.5%)	lch(94.5 3.28 199)	lab(94.5 -3.09 -1.09)	cmyk 4%, 0%, 0%, 5%
	#0d067c	rgb(13, 6, 124)	hsl(240 91% 25%)	hwb(240 2.4% 51%)	lch(12.2 73.6 301)	lab(12.2 37.8 -63.1)	cmyk 90%, 95%, 0%, 51%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#5ceea7

AA - 1.47



#d1ffe9

AA - 1.09



#ffffff

AA - 1



#e8f1f1

AA - 1.14



#0d067c

AAA - 15.73



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 space

HDR oklab colors New



background: linear-gradient(45deg, oklab(85.2% -0.15 0.058), oklab(96.2% -0.053 0.015), oklab(100% 0 0), oklab(95.1% -0.009 -0.003), oklab(27.6% -0.006 -0.176))

Fallback colors New



background: linear-gradient(45deg, #5ceea7, #d1ffe9, #ffffff, #e8f1f1, #0d067c)

Colors



<resources>
    <color name="sports_v2_100">#5ceea7</color>
    <color name="sports_v2_200">#d1ffe9</color>
    <color name="sports_v2_300">#ffffff</color>
    <color name="sports_v2_400">#e8f1f1</color>
    <color name="sports_v2_500">#0d067c</color>
</resources>

PWA prompt