Solicitude

#888677

#C4C3C1

#F3F3F3

#3A3A3A

Actions

Explore the palette in different formats, and actions.

Colors overview

White

Grey

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#888677	rgb(136, 134, 119)	hsl(53 6.7% 50%)	hwb(53 47% 47%)	lch(55.8 8.49 98.7)	lab(55.8 -1.29 8.39)	cmyk 0%, 1%, 12%, 47%
	#c4c3c1	rgb(196, 195, 193)	hsl(40 2.5% 76%)	hwb(40 76% 23%)	lch(78.8 1.14 85.6)	lab(78.8 0.088 1.14)	cmyk 0%, 1%, 2%, 23%
	#f3f3f3	rgb(243, 243, 243)	hsl(none 0% 95%)	hwb(none 95% 4.7%)	lch(95.8 0 none)	lab(95.8 0 0)	cmyk 0%, 0%, 0%, 5%
	#3a3a3a	rgb(58, 58, 58)	hsl(none 0% 23%)	hwb(none 23% 77%)	lch(24.4 0 none)	lab(24.4 0 0)	cmyk 0%, 0%, 0%, 77%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#888677

AA - 3.66



#C4C3C1

AA - 1.76



#F3F3F3

AA - 1.1



#3A3A3A

AAA - 11.37



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(61.7% -0.004 0.022), oklab(81.7% 0 0.003), oklab(96.4% 0 0), oklab(34.8% 0 0))

Fallback colors



background: linear-gradient(45deg, #888677, #C4C3C1, #F3F3F3, #3A3A3A)

Colors



<!-- Primary Colors -->
<color name="solicitude_color_10">#888677</color>
<color name="solicitude_color_20">#C4C3C1</color>
<color name="solicitude_color_30">#F3F3F3</color>
<color name="solicitude_color_40">#3A3A3A</color>

PWA prompt