Yellow Shades Color Palette

#2f2a17

#5a4f2c

#847541

#af9a56

#d9c06b

#2f2a17

#5a4f2c

#847541

#af9a56

#d9c06b

Colors overview

 Yellow

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#2f2a17	rgb(47, 42, 23)	hsl(47 34% 14%)	hwb(47 9% 82%)	lch(17.2 13.3 90.6)	lab(17.2 -0.14 13.3)	cmyk 0%, 11%, 51%, 82%
	#5a4f2c	rgb(90, 79, 44)	hsl(46 34% 26%)	hwb(46 17% 65%)	lch(34.1 22.3 88)	lab(34.1 0.78 22.3)	cmyk 0%, 12%, 51%, 65%
	#847541	rgb(132, 117, 65)	hsl(47 34% 39%)	hwb(47 25% 48%)	lch(49.7 30.7 88.9)	lab(49.7 0.605 30.7)	cmyk 0%, 11%, 51%, 48%
	#af9a56	rgb(175, 154, 86)	hsl(46 36% 51%)	hwb(46 34% 31%)	lch(64.4 38.4 87.9)	lab(64.4 1.4 38.4)	cmyk 0%, 12%, 51%, 31%
	#d9c06b	rgb(217, 192, 107)	hsl(46 59% 64%)	hwb(46 42% 15%)	lch(78.5 45.8 88.5)	lab(78.5 1.24 45.8)	cmyk 0%, 12%, 51%, 15%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#2f2a17

AAA - 14.34



#5a4f2c

AAA - 8.1



#847541

AA - 4.56



#af9a56

AA - 2.77



#d9c06b

AA - 1.79



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 space

HDR oklab colors New



background: linear-gradient(45deg, oklab(28.5% -0.003 0.032), oklab(43% -0.002 0.054), oklab(56.4% -0.005 0.073), oklab(69% -0.004 0.091), oklab(81.1% -0.006 0.109))

Fallback colors New



background: linear-gradient(45deg, #2f2a17, #5a4f2c, #847541, #af9a56, #d9c06b)

Colors



<resources>
    <color name="yellow_shades_100">#2f2a17</color>
    <color name="yellow_shades_200">#5a4f2c</color>
    <color name="yellow_shades_300">#847541</color>
    <color name="yellow_shades_400">#af9a56</color>
    <color name="yellow_shades_500">#d9c06b</color>
</resources>

PWA prompt