Ghost

#f3ede3

#ced7e0

#a6b3bf

#708aa6

#4b627a

Actions

Explore the palette in different formats, and actions.

Colors overview

Grey

White

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#f3ede3	rgb(243, 237, 227)	hsl(38 40% 92%)	hwb(38 89% 4.7%)	lch(94 5.67 81.7)	lab(94 0.821 5.61)	cmyk 0%, 2%, 7%, 5%
	#ced7e0	rgb(206, 215, 224)	hsl(210 22% 84%)	hwb(210 81% 12%)	lch(85.5 5.86 251)	lab(85.5 -1.87 -5.56)	cmyk 8%, 4%, 0%, 12%
	#a6b3bf	rgb(166, 179, 191)	hsl(210 16% 70%)	hwb(210 65% 25%)	lch(72.2 8.27 250)	lab(72.2 -2.84 -7.76)	cmyk 13%, 6%, 0%, 25%
	#708aa6	rgb(112, 138, 166)	hsl(210 23% 55%)	hwb(210 44% 35%)	lch(56.2 18.6 256)	lab(56.2 -4.36 -18.1)	cmyk 33%, 17%, 0%, 35%
	#4b627a	rgb(75, 98, 122)	hsl(210 24% 39%)	hwb(210 29% 52%)	lch(40.4 17 256)	lab(40.4 -3.96 -16.5)	cmyk 39%, 20%, 0%, 52%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#f3ede3

AA - 1.16



#ced7e0

AA - 1.45



#a6b3bf

AA - 2.13



#708aa6

AA - 3.57



#4b627a

AA - 6.31



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(94.8% 0.002 0.015), oklab(87.5% -0.006 -0.015), oklab(76% -0.009 -0.021), oklab(62.4% -0.017 -0.049), oklab(48.7% -0.016 -0.045))

Fallback colors



background: linear-gradient(45deg, #f3ede3, #ced7e0, #a6b3bf, #708aa6, #4b627a)

Colors



<!-- Primary Colors -->
<color name="ghost_color_10">#f3ede3</color>
<color name="ghost_color_20">#ced7e0</color>
<color name="ghost_color_30">#a6b3bf</color>
<color name="ghost_color_40">#708aa6</color>
<color name="ghost_color_50">#4b627a</color>

PWA prompt