Coral

Palette information

Sun Jul 07 2019

Orange

Blue

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#f5642f	rgb(245, 100, 47)	hsl(16, 91%, 57%)	hwb(16 18% 4%)	hsv 16°, 81%, 96%	cmyk 0%, 59%, 81%, 4%	Pantone 1645C
#ff7f50	rgb(255, 127, 80)	hsl(16, 100%, 66%)	hwb(16 31% 0%)	hsv 16°, 69%, 100%	cmyk 0%, 50%, 69%, 0%	Pantone 164C
#ffffff	rgb(255, 255, 255)	hsl(0, 0%, 100%)	hwb(0 100% 0%)	hsv 0°, 0%, 100%	cmyk 0%, 0%, 0%, 0%	Pantone 663C
#50d0ff	rgb(80, 208, 255)	hsl(196, 100%, 66%)	hwb(196 31% 0%)	hsv 196°, 69%, 100%	cmyk 69%, 18%, 0%, 0%	Pantone 2985C
#ff5079	rgb(255, 80, 121)	hsl(346, 100%, 66%)	hwb(346 31% 0%)	hsv 346°, 69%, 100%	cmyk 0%, 69%, 53%, 0%	Pantone 184C

Click a color format to copy to your clipboard.

Background

#f5642f

3.1

#ff7f50

2.5

#ffffff

1.0

#50d0ff

1.8

#ff5079

3.1

Color blindness filter

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

Android color codes


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


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


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


                <color name="Coral_4">#50d0ff</color>


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

Flutter color codes


                const Coral1 = Color(0xFFf5642f);


                const Coral2 = Color(0xFFff7f50);


                const Coral3 = Color(0xFFffffff);


                const Coral4 = Color(0xFF50d0ff);


                const Coral5 = Color(0xFFff5079);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator