Soft Autumn

#3b3b3b

#d4b45d

#e8d7a7

#c76e67

#850e05

Actions

Explore the palette in different formats, and actions.

Colors overview

Grey

Yellow

Red

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#3b3b3b	rgb(59, 59, 59)	hsl(none 0% 23%)	hwb(none 23% 77%)	lch(24.9 0 none)	lab(24.9 0 0)	cmyk 0%, 0%, 0%, 77%
	#d4b45d	rgb(212, 180, 93)	hsl(44 58% 60%)	hwb(44 36% 17%)	lch(74.8 48.3 84.9)	lab(74.8 4.29 48.2)	cmyk 0%, 15%, 56%, 17%
	#e8d7a7	rgb(232, 215, 167)	hsl(44 59% 78%)	hwb(44 65% 9%)	lch(86.5 26 88.3)	lab(86.5 0.755 26)	cmyk 0%, 7%, 28%, 9%
	#c76e67	rgb(199, 110, 103)	hsl(4.4 46% 59%)	hwb(4.4 40% 22%)	lch(56.8 40.9 29.8)	lab(56.8 35.5 20.3)	cmyk 0%, 45%, 48%, 22%
	#850e05	rgb(133, 14, 5)	hsl(4.2 93% 27%)	hwb(4.2 2% 48%)	lch(28.2 61.9 39.9)	lab(28.2 47.5 39.7)	cmyk 0%, 89%, 96%, 48%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#3b3b3b

AAA - 11.2



#d4b45d

AA - 2



#e8d7a7

AA - 1.42



#c76e67

AA - 3.58



#850e05

AAA - 10.18



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(35.2% 0 0), oklab(78% 0.001 0.113), oklab(88.1% -0.001 0.065), oklab(63.7% 0.103 0.049), oklab(39.4% 0.132 0.076))

Fallback colors



background: linear-gradient(45deg, #3b3b3b, #d4b45d, #e8d7a7, #c76e67, #850e05)

Colors



<!-- Primary Colors -->
<color name="soft_autumn_color_10">#3b3b3b</color>
<color name="soft_autumn_color_20">#d4b45d</color>
<color name="soft_autumn_color_30">#e8d7a7</color>
<color name="soft_autumn_color_40">#c76e67</color>
<color name="soft_autumn_color_50">#850e05</color>

PWA prompt