Snow Mountain

#D2DAF5

#AECDF7

#5B85C8

#39455B

#1F3051

Actions

Explore the palette in different formats, and actions.

Colors overview

White

Blue

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#d2daf5	rgb(210, 218, 245)	hsl(230 64% 89%)	oklab(89% 0 -0.04)	oklch(89% 0.04 270)	color(display-p3 0.83 0.85 0.95)
	#aecdf7	rgb(174, 205, 247)	hsl(210 82% 83%)	oklab(84% -0.02 -0.07)	oklch(84% 0.07 260)	color(display-p3 0.71 0.8 0.95)
	#5b85c8	rgb(91, 133, 200)	hsl(220 50% 57%)	oklab(62% -0.02 -0.11)	oklch(62% 0.11 260)	color(display-p3 0.39 0.52 0.76)
	#39455b	rgb(57, 69, 91)	hsl(220 23% 29%)	oklab(39% -0.01 -0.04)	oklch(39% 0.04 260)	color(display-p3 0.23 0.27 0.35)
	#1f3051	rgb(31, 48, 81)	hsl(220 45% 22%)	oklab(31% -0.01 -0.06)	oklch(31% 0.06 260)	color(display-p3 0.14 0.19 0.31)

 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.

#D2DAF5

AA - 1.39



#AECDF7

AA - 1.63



#5B85C8

AA - 3.72



#39455B

AAA - 9.64



#1F3051

AAA - 13.12



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(89.1% 0.002 -0.038), oklab(84% -0.016 -0.066), oklab(61.6% -0.021 -0.111), oklab(38.9% -0.005 -0.04), oklab(31.2% -0.008 -0.063))

Fallback colors



background: linear-gradient(45deg, #D2DAF5, #AECDF7, #5B85C8, #39455B, #1F3051)

Colors



<!-- Primary Colors -->
<color name="snow_mountain_color_10">#D2DAF5</color>
<color name="snow_mountain_color_20">#AECDF7</color>
<color name="snow_mountain_color_30">#5B85C8</color>
<color name="snow_mountain_color_40">#39455B</color>
<color name="snow_mountain_color_50">#1F3051</color>

PWA prompt