Fruit

Palette information

normal

Orange

Yellow

Pink

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#ffb6c1	rgb(255, 182, 193)	hsl(351, 100%, 86%)	hwb(351 71% 0%)	hsv 351°, 29%, 100%	cmyk 0%, 29%, 24%, 0%	Pantone 176C
#ffff00	rgb(255, 255, 0)	hsl(60, 100%, 50%)	hwb(60 0% 0%)	hsv 60°, 100%, 100%	cmyk 0%, 0%, 100%, 0%	Pantone 3945C
#ffd700	rgb(255, 215, 0)	hsl(51, 100%, 50%)	hwb(51 0% 0%)	hsv 51°, 100%, 100%	cmyk 0%, 16%, 100%, 0%	Pantone 108C
#ffa500	rgb(255, 165, 0)	hsl(39, 100%, 50%)	hwb(39 0% 0%)	hsv 39°, 100%, 100%	cmyk 0%, 35%, 100%, 0%	Pantone 137C
#ff7f50	rgb(255, 127, 80)	hsl(16, 100%, 66%)	hwb(16 31% 0%)	hsv 16°, 69%, 100%	cmyk 0%, 50%, 69%, 0%	Pantone 164C

Click a color format to copy to your clipboard.

Background

#FFB6C1

1.7

#FFFF00

1.1

#FFD700

1.4

#FFFF00

2.0

#FFFF00

2.5

Color blindness filter

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

Android color codes


                <color name="Fruit_1">#FFB6C1</color>


                <color name="Fruit_2">#FFFF00</color>


                <color name="Fruit_3">#FFD700</color>


                <color name="Fruit_4">#FFA500</color>


                <color name="Fruit_5">#FF7F50</color>

Flutter color codes


                const Fruit1 = Color(0xFFFFB6C1);


                const Fruit2 = Color(0xFFFFFF00);


                const Fruit3 = Color(0xFFFFD700);


                const Fruit4 = Color(0xFFFFA500);


                const Fruit5 = Color(0xFFFF7F50);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator