Morning

Palette information

normal

Cyan

White

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#e6e6fa	rgb(230, 230, 250)	hsl(240, 67%, 94%)	hwb(240 90% 2%)	hsv 240°, 8%, 98%	cmyk 8%, 8%, 0%, 2%	Pantone 656C
#add8e6	rgb(173, 216, 230)	hsl(195, 53%, 79%)	hwb(195 68% 10%)	hsv 195°, 25%, 90%	cmyk 25%, 6%, 0%, 10%	Pantone 635C
#87ceeb	rgb(135, 206, 235)	hsl(197, 71%, 73%)	hwb(197 53% 8%)	hsv 197°, 43%, 92%	cmyk 43%, 12%, 0%, 8%	Pantone 2905C
#00bfff	rgb(0, 191, 255)	hsl(195, 100%, 50%)	hwb(195 0% 0%)	hsv 195°, 100%, 100%	cmyk 100%, 25%, 0%, 0%	Pantone 2995C
#0086b3	rgb(0, 134, 179)	hsl(195, 100%, 35%)	hwb(195 0% 30%)	hsv 195°, 100%, 70%	cmyk 100%, 25%, 0%, 30%	Pantone 313C

Click a color format to copy to your clipboard.

Background

#E6E6FA

1.2

#ADD8E6

1.5

#87CEEB

1.7

#ADD8E6

2.1

#ADD8E6

4.1

Color blindness filter

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

Android color codes


                <color name="Morning_1">#E6E6FA</color>


                <color name="Morning_2">#ADD8E6</color>


                <color name="Morning_3">#87CEEB</color>


                <color name="Morning_4">#00BFFF</color>


                <color name="Morning_5">#0086b3</color>

Flutter color codes


                const Morning1 = Color(0xFFE6E6FA);


                const Morning2 = Color(0xFFADD8E6);


                const Morning3 = Color(0xFF87CEEB);


                const Morning4 = Color(0xFF00BFFF);


                const Morning5 = Color(0xFF0086b3);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator