Citric

Palette information

Yellow

Orange

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#d4c00b	rgb(212, 192, 11)	hsl(54, 90%, 44%)	hwb(54 4% 17%)	hsv 54°, 95%, 83%	cmyk 0%, 9%, 95%, 17%	Pantone 611C
#faf3b4	rgb(250, 243, 180)	hsl(54, 87%, 84%)	hwb(54 71% 2%)	hsv 54°, 28%, 98%	cmyk 0%, 3%, 28%, 2%	Pantone 607C
#fa7f5a	rgb(250, 127, 90)	hsl(14, 94%, 67%)	hwb(14 35% 2%)	hsv 14°, 64%, 98%	cmyk 0%, 49%, 64%, 2%	Pantone 1635C
#b03b17	rgb(176, 59, 23)	hsl(14, 77%, 39%)	hwb(14 9% 31%)	hsv 14°, 87%, 69%	cmyk 0%, 66%, 87%, 31%	Pantone 1675C
#5e1701	rgb(94, 23, 1)	hsl(14, 98%, 19%)	hwb(14 0% 63%)	hsv 14°, 99%, 37%	cmyk 0%, 76%, 99%, 63%	Pantone 168C

Click a color format to copy to your clipboard.

White background Black background

#d4c00b

1.9

#faf3b4

1.1

#fa7f5a

2.5

#faf3b4

6.0

#faf3b4

13.1

Color blindness filter

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

Android color codes


                <color name="Citric_1">#d4c00b</color>


                <color name="Citric_2">#faf3b4</color>


                <color name="Citric_3">#fa7f5a</color>


                <color name="Citric_4">#b03b17</color>


                <color name="Citric_5">#5e1701</color>

Flutter color codes


                const Citric1 = Color(0xFFd4c00b);


                const Citric2 = Color(0xFFfaf3b4);


                const Citric3 = Color(0xFFfa7f5a);


                const Citric4 = Color(0xFFb03b17);


                const Citric5 = Color(0xFF5e1701);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator