Yellow Shades

Palette information

Fri May 20 2022

monochromatic

Yellow

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#2f2a17	rgb(47, 42, 23)	hsl(48, 34%, 14%)	hwb(48 9% 82%)	hsv 48°, 51%, 18%	cmyk 0%, 11%, 51%, 82%	Pantone 448C
#5a4f2c	rgb(90, 79, 44)	hsl(46, 34%, 26%)	hwb(46 17% 65%)	hsv 46°, 51%, 35%	cmyk 0%, 12%, 51%, 65%	Pantone 450C
#847541	rgb(132, 117, 65)	hsl(47, 34%, 39%)	hwb(47 25% 48%)	hsv 47°, 51%, 52%	cmyk 0%, 11%, 51%, 48%	Pantone 5825C
#af9a56	rgb(175, 154, 86)	hsl(46, 36%, 51%)	hwb(46 34% 31%)	hsv 46°, 51%, 69%	cmyk 0%, 12%, 51%, 31%	Pantone 465C
#d9c06b	rgb(217, 192, 107)	hsl(46, 59%, 64%)	hwb(46 42% 15%)	hsv 46°, 51%, 85%	cmyk 0%, 12%, 51%, 15%	Pantone 617C

Click a color format to copy to your clipboard.

Background

#2f2a17

14.3

#5a4f2c

8.1

#847541

4.6

#af9a56

2.8

#d9c06b

1.8

Color blindness filter

Text (Toggle dark mode to preview the text in black or white)

Android color codes


                <color name="Yellow Shades_1">#2f2a17</color>


                <color name="Yellow Shades_2">#5a4f2c</color>


                <color name="Yellow Shades_3">#847541</color>


                <color name="Yellow Shades_4">#af9a56</color>


                <color name="Yellow Shades_5">#d9c06b</color>

Flutter color codes


                const Yellow Shades1 = Color(0xFF2f2a17);


                const Yellow Shades2 = Color(0xFF5a4f2c);


                const Yellow Shades3 = Color(0xFF847541);


                const Yellow Shades4 = Color(0xFFaf9a56);


                const Yellow Shades5 = Color(0xFFd9c06b);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator