Citron

Palette information

normal

Green

Grey

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#383838	rgb(56, 56, 56)	hsl(0, 0%, 22%)	hwb(0 22% 78%)	hsv 0°, 0%, 22%	cmyk 0%, 0%, 0%, 78%	Pantone 447C
#7a7a7a	rgb(122, 122, 122)	hsl(0, 0%, 48%)	hwb(0 48% 52%)	hsv 0°, 0%, 48%	cmyk 0%, 0%, 0%, 52%	Pantone 424C
#cccccc	rgb(204, 204, 204)	hsl(0, 0%, 80%)	hwb(0 80% 20%)	hsv 0°, 0%, 80%	cmyk 0%, 0%, 0%, 20%	Pantone 420C
#ffff7f	rgb(255, 255, 127)	hsl(60, 100%, 75%)	hwb(60 50% 0%)	hsv 60°, 50%, 100%	cmyk 0%, 0%, 50%, 0%	Pantone 386C
#a6cf3e	rgb(166, 207, 62)	hsl(77, 60%, 53%)	hwb(77 24% 19%)	hsv 77°, 70%, 81%	cmyk 20%, 0%, 70%, 19%	Pantone 367C

Click a color format to copy to your clipboard.

White background Black background

#383838

11.7

#7a7a7a

4.3

#cccccc

1.6

#7a7a7a

1.1

#7a7a7a

1.8

Color blindness filter

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

Android color codes


                <color name="Citron_1">#383838</color>


                <color name="Citron_2">#7a7a7a</color>


                <color name="Citron_3">#cccccc</color>


                <color name="Citron_4">#ffff7f</color>


                <color name="Citron_5">#a6cf3e</color>

Flutter color codes


                const Citron1 = Color(0xFF383838);


                const Citron2 = Color(0xFF7a7a7a);


                const Citron3 = Color(0xFFcccccc);


                const Citron4 = Color(0xFFffff7f);


                const Citron5 = Color(0xFFa6cf3e);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator