Icy Gray

#333333

#D1D4DF

#E6E9F4

#6D7B8D

#394B59

Actions

Explore the palette in different formats, and actions.

Colors overview

Grey

White

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#333333	rgb(51, 51, 51)	hsl(none 0% 20%)	oklab(32% 0 0)	oklch(32% 0 none)	color(display-p3 0.2 0.2 0.2)
	#d1d4df	rgb(209, 212, 223)	hsl(230 18% 85%)	oklab(87% 0 -0.02)	oklch(87% 0.02 270)	color(display-p3 0.82 0.83 0.87)
	#e6e9f4	rgb(230, 233, 244)	hsl(230 39% 93%)	oklab(93% 0 -0.02)	oklch(93% 0.02 270)	color(display-p3 0.9 0.91 0.95)
	#6d7b8d	rgb(109, 123, 141)	hsl(210 13% 49%)	oklab(58% -0.01 -0.03)	oklch(58% 0.03 250)	color(display-p3 0.44 0.48 0.55)
	#394b59	rgb(57, 75, 89)	hsl(210 22% 29%)	oklab(40% -0.02 -0.03)	oklch(40% 0.03 240)	color(display-p3 0.24 0.29 0.34)

 Click on a color value to copy it to your clipboard.

Contrast ratios checker

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

#333333

AAA - 12.63



#D1D4DF

AA - 1.47



#E6E9F4

AA - 1.21



#6D7B8D

AA - 4.31



#394B59

AAA - 9.03



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(32.1% 0 0), oklab(87.1% 0.001 -0.015), oklab(93.5% 0.001 -0.015), oklab(57.8% -0.009 -0.031), oklab(40.3% -0.015 -0.029))

Fallback colors



background: linear-gradient(45deg, #333333, #D1D4DF, #E6E9F4, #6D7B8D, #394B59)

Colors



<!-- Primary Colors -->
<color name="icy_gray_color_10">#333333</color>
<color name="icy_gray_color_20">#D1D4DF</color>
<color name="icy_gray_color_30">#E6E9F4</color>
<color name="icy_gray_color_40">#6D7B8D</color>
<color name="icy_gray_color_50">#394B59</color>

PWA prompt