Y

Palette information

Red

Orange

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#e8956c	rgb(232, 149, 108)	hsl(20, 73%, 67%)	hwb(20 42% 9%)	hsv 20°, 53%, 91%	cmyk 0%, 36%, 53%, 9%	Pantone 472C
#f5eab2	rgb(245, 234, 178)	hsl(50, 77%, 83%)	hwb(50 70% 4%)	hsv 50°, 27%, 96%	cmyk 0%, 4%, 27%, 4%	Pantone 614C
#44687b	rgb(68, 104, 123)	hsl(201, 29%, 37%)	hwb(201 27% 52%)	hsv 201°, 45%, 48%	cmyk 45%, 15%, 0%, 52%	Pantone 5405C
#f8fbfd	rgb(248, 251, 253)	hsl(204, 56%, 98%)	hwb(204 97% 1%)	hsv 204°, 2%, 99%	cmyk 2%, 1%, 0%, 1%	Pantone 656C
#ea6e49	rgb(234, 110, 73)	hsl(14, 79%, 60%)	hwb(14 29% 8%)	hsv 14°, 69%, 92%	cmyk 0%, 53%, 69%, 8%	Pantone 1635C

Click a color format to copy to your clipboard.

White background Black background

#E8956C

2.3

#F5EAB2

1.2

#44687B

6.0

#F5EAB2

1.0

#F5EAB2

3.1

Color blindness filter

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

Android color codes


                <color name="Y_1">#E8956C</color>


                <color name="Y_2">#F5EAB2</color>


                <color name="Y_3">#44687B</color>


                <color name="Y_4">#F8FBFD</color>


                <color name="Y_5">#EA6E49</color>

Flutter color codes


                const Y1 = Color(0xFFE8956C);


                const Y2 = Color(0xFFF5EAB2);


                const Y3 = Color(0xFF44687B);


                const Y4 = Color(0xFFF8FBFD);


                const Y5 = Color(0xFFEA6E49);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator