Artic Wood

#7193ca

#a8bcde

#cdd9ec

#dfcbaa

#c9a870

Actions

Explore the palette in different formats, and actions.

Colors overview

Blue

Yellow

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#7193ca	rgb(113, 147, 202)	hsl(220 46% 62%)	hwb(220 44% 21%)	lch(60 32.6 268)	lab(60 -1.12 -32.6)	cmyk 44%, 27%, 0%, 21%
	#a8bcde	rgb(168, 188, 222)	hsl(220 45% 76%)	hwb(220 66% 13%)	lch(75.6 19.6 266)	lab(75.6 -1.5 -19.5)	cmyk 24%, 15%, 0%, 13%
	#cdd9ec	rgb(205, 217, 236)	hsl(220 45% 86%)	hwb(220 80% 7.5%)	lch(86.2 10.9 263)	lab(86.2 -1.39 -10.8)	cmyk 13%, 8%, 0%, 7%
	#dfcbaa	rgb(223, 203, 170)	hsl(37 45% 77%)	hwb(37 67% 13%)	lch(82.7 19.5 79.8)	lab(82.7 3.47 19.2)	cmyk 0%, 9%, 24%, 13%
	#c9a870	rgb(201, 168, 112)	hsl(38 45% 61%)	hwb(38 44% 21%)	lch(70.9 34.4 78.2)	lab(70.9 7.02 33.6)	cmyk 0%, 16%, 44%, 21%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#7193ca

AA - 3.12



#a8bcde

AA - 1.92



#cdd9ec

AA - 1.42



#dfcbaa

AA - 1.58



#c9a870

AA - 2.25



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(66% -0.016 -0.09), oklab(79.1% -0.008 -0.053), oklab(88.2% -0.005 -0.029), oklab(85% 0.008 0.049), oklab(74.8% 0.014 0.082))

Fallback colors



background: linear-gradient(45deg, #7193ca, #a8bcde, #cdd9ec, #dfcbaa, #c9a870)

Colors



<!-- Primary Colors -->
<color name="artic_wood_color_10">#7193ca</color>
<color name="artic_wood_color_20">#a8bcde</color>
<color name="artic_wood_color_30">#cdd9ec</color>
<color name="artic_wood_color_40">#dfcbaa</color>
<color name="artic_wood_color_50">#c9a870</color>

PWA prompt