Winter

#2E4053

#536878

#89A9B4

#A9D1DB

#D0E2E8

Actions

Explore the palette in different formats, and actions.

Colors overview

Cyan

Grey

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#2e4053	rgb(46, 64, 83)	hsl(210 29% 25%)	hwb(210 18% 67%)	lch(26.2 14.3 258)	lab(26.2 -3.09 -13.9)	cmyk 45%, 23%, 0%, 67%
	#536878	rgb(83, 104, 120)	hsl(210 18% 40%)	hwb(210 33% 53%)	lch(42.7 12.7 247)	lab(42.7 -5.04 -11.7)	cmyk 31%, 13%, 0%, 53%
	#89a9b4	rgb(137, 169, 180)	hsl(200 22% 62%)	hwb(200 54% 29%)	lch(67.1 13.4 225)	lab(67.1 -9.48 -9.51)	cmyk 24%, 6%, 0%, 29%
	#a9d1db	rgb(169, 209, 219)	hsl(190 41% 76%)	hwb(190 66% 14%)	lch(81.2 15.3 219)	lab(81.2 -12 -9.56)	cmyk 23%, 5%, 0%, 14%
	#d0e2e8	rgb(208, 226, 232)	hsl(200 34% 86%)	hwb(200 82% 9%)	lch(88.7 7.38 224)	lab(88.7 -5.33 -5.1)	cmyk 10%, 3%, 0%, 9%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#2E4053

AAA - 10.63



#536878

AA - 5.8



#89A9B4

AA - 2.5



#A9D1DB

AA - 1.63



#D0E2E8

AA - 1.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(36.4% -0.014 -0.038), oklab(50.6% -0.017 -0.031), oklab(71.5% -0.029 -0.025), oklab(83.5% -0.037 -0.025), oklab(90.1% -0.016 -0.013))

Fallback colors



background: linear-gradient(45deg, #2E4053, #536878, #89A9B4, #A9D1DB, #D0E2E8)

Colors



<!-- Primary Colors -->
<color name="winter_color_10">#2E4053</color>
<color name="winter_color_20">#536878</color>
<color name="winter_color_30">#89A9B4</color>
<color name="winter_color_40">#A9D1DB</color>
<color name="winter_color_50">#D0E2E8</color>

PWA prompt