Ethereal

#30343F

#4A4E69

#6A6480

#9A8280

#D4B8B1

Actions

Explore the palette in different formats, and actions.

Colors overview

Grey

Brown

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#30343f	rgb(48, 52, 63)	hsl(220 14% 22%)	hwb(220 19% 75%)	lch(21.7 7.55 273)	lab(21.7 0.394 -7.54)	cmyk 24%, 17%, 0%, 75%
	#4a4e69	rgb(74, 78, 105)	hsl(230 17% 35%)	hwb(230 29% 59%)	lch(33.7 16.7 282)	lab(33.7 3.53 -16.3)	cmyk 30%, 26%, 0%, 59%
	#6a6480	rgb(106, 100, 128)	hsl(250 12% 45%)	hwb(250 39% 50%)	lch(43.7 16.4 296)	lab(43.7 7.09 -14.8)	cmyk 17%, 22%, 0%, 50%
	#9a8280	rgb(154, 130, 128)	hsl(4.6 11% 55%)	hwb(4.6 50% 40%)	lch(56.6 10.3 26.9)	lab(56.6 9.22 4.68)	cmyk 0%, 16%, 17%, 40%
	#d4b8b1	rgb(212, 184, 177)	hsl(12 29% 76%)	hwb(12 69% 17%)	lch(77.1 12.1 38.1)	lab(77.1 9.52 7.46)	cmyk 0%, 13%, 17%, 17%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#30343F

AAA - 12.43



#4A4E69

AAA - 8.12



#6A6480

AA - 5.6



#9A8280

AA - 3.57



#D4B8B1

AA - 1.85



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.6% 0 -0.02), oklab(43.1% 0.006 -0.045), oklab(51.9% 0.018 -0.04), oklab(62.8% 0.027 0.012), oklab(80.5% 0.028 0.019))

Fallback colors



background: linear-gradient(45deg, #30343F, #4A4E69, #6A6480, #9A8280, #D4B8B1)

Colors



<!-- Primary Colors -->
<color name="ethereal_color_10">#30343F</color>
<color name="ethereal_color_20">#4A4E69</color>
<color name="ethereal_color_30">#6A6480</color>
<color name="ethereal_color_40">#9A8280</color>
<color name="ethereal_color_50">#D4B8B1</color>

PWA prompt