Coral

Palette information

Orange

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#c86246	rgb(200, 98, 70)	hsl(13, 54%, 53%)	hwb(13 27% 22%)	hsv 13°, 65%, 78%	cmyk 0%, 51%, 65%, 22%	Pantone 1675C
#f2957c	rgb(242, 149, 124)	hsl(13, 82%, 72%)	hwb(13 49% 5%)	hsv 13°, 49%, 95%	cmyk 0%, 38%, 49%, 5%	Pantone 486C
#eabaa4	rgb(234, 186, 164)	hsl(19, 63%, 78%)	hwb(19 64% 8%)	hsv 19°, 30%, 92%	cmyk 0%, 21%, 30%, 8%	Pantone 488C
#f7d7c8	rgb(247, 215, 200)	hsl(19, 75%, 88%)	hwb(19 78% 3%)	hsv 19°, 19%, 97%	cmyk 0%, 13%, 19%, 3%	Pantone 489C
#fdf1e7	rgb(253, 241, 231)	hsl(27, 85%, 95%)	hwb(27 91% 1%)	hsv 27°, 9%, 99%	cmyk 0%, 5%, 9%, 1%	Pantone 663C

Click a color format to copy to your clipboard.

White background Black background

#c86246

4.0

#f2957c

2.2

#eabaa4

1.7

#f2957c

1.4

#f2957c

1.1

Color blindness filter

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

Android color codes


                <color name="Coral_1">#c86246</color>


                <color name="Coral_2">#f2957c</color>


                <color name="Coral_3">#eabaa4</color>


                <color name="Coral_4">#f7d7c8</color>


                <color name="Coral_5">#fdf1e7</color>

Flutter color codes


                const Coral1 = Color(0xFFc86246);


                const Coral2 = Color(0xFFf2957c);


                const Coral3 = Color(0xFFeabaa4);


                const Coral4 = Color(0xFFf7d7c8);


                const Coral5 = Color(0xFFfdf1e7);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator