Banana

Palette information

monochromatic

Yellow

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#525108	rgb(82, 81, 8)	hsl(59, 82%, 18%)	hwb(59 3% 68%)	hsv 59°, 90%, 32%	cmyk 0%, 1%, 90%, 68%	Pantone 581C
#7c7b0c	rgb(124, 123, 12)	hsl(59, 82%, 27%)	hwb(59 5% 51%)	hsv 59°, 90%, 49%	cmyk 0%, 1%, 90%, 51%	Pantone 392C
#a7a410	rgb(167, 164, 16)	hsl(59, 83%, 36%)	hwb(59 6% 35%)	hsv 59°, 90%, 65%	cmyk 0%, 2%, 90%, 35%	Pantone 398C
#d1ce14	rgb(209, 206, 20)	hsl(59, 83%, 45%)	hwb(59 8% 18%)	hsv 59°, 90%, 82%	cmyk 0%, 1%, 90%, 18%	Pantone 611C
#fcf818	rgb(252, 248, 24)	hsl(59, 97%, 54%)	hwb(59 9% 1%)	hsv 59°, 90%, 99%	cmyk 0%, 2%, 90%, 1%	Pantone 395C

Click a color format to copy to your clipboard.

Background

#525108

8.3

#7c7b0c

4.5

#a7a410

2.6

#7c7b0c

1.7

#7c7b0c

1.1

Color blindness filter

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

Android color codes


                <color name="Banana_1">#525108</color>


                <color name="Banana_2">#7c7b0c</color>


                <color name="Banana_3">#a7a410</color>


                <color name="Banana_4">#d1ce14</color>


                <color name="Banana_5">#fcf818</color>

Flutter color codes


                const Banana1 = Color(0xFF525108);


                const Banana2 = Color(0xFF7c7b0c);


                const Banana3 = Color(0xFFa7a410);


                const Banana4 = Color(0xFFd1ce14);


                const Banana5 = Color(0xFFfcf818);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator