Sunrise

Palette information

Blue

Orange

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#56a6d1	rgb(86, 166, 209)	hsl(201, 57%, 58%)	hwb(201 34% 18%)	hsv 201°, 59%, 82%	cmyk 59%, 21%, 0%, 18%	Pantone 2915C
#75bde1	rgb(117, 189, 225)	hsl(200, 64%, 67%)	hwb(200 46% 12%)	hsv 200°, 48%, 88%	cmyk 48%, 16%, 0%, 12%	Pantone 297C
#f8d49c	rgb(248, 212, 156)	hsl(37, 87%, 79%)	hwb(37 61% 3%)	hsv 37°, 37%, 97%	cmyk 0%, 15%, 37%, 3%	Pantone 155C
#f8bc9b	rgb(248, 188, 155)	hsl(21, 87%, 79%)	hwb(21 61% 3%)	hsv 21°, 38%, 97%	cmyk 0%, 24%, 38%, 3%	Pantone 162C
#f89b9b	rgb(248, 155, 155)	hsl(0, 87%, 79%)	hwb(0 61% 3%)	hsv 0°, 38%, 97%	cmyk 0%, 38%, 38%, 3%	Pantone 1765C

Click a color format to copy to your clipboard.

White background Black background

#56a6d1

2.7

#75bde1

2.1

#f8d49c

1.4

#75bde1

1.7

#75bde1

2.1

Color blindness filter

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

Android color codes


                <color name="Sunrise_1">#56a6d1</color>


                <color name="Sunrise_2">#75bde1</color>


                <color name="Sunrise_3">#f8d49c</color>


                <color name="Sunrise_4">#f8bc9b</color>


                <color name="Sunrise_5">#f89b9b</color>

Flutter color codes


                const Sunrise1 = Color(0xFF56a6d1);


                const Sunrise2 = Color(0xFF75bde1);


                const Sunrise3 = Color(0xFFf8d49c);


                const Sunrise4 = Color(0xFFf8bc9b);


                const Sunrise5 = Color(0xFFf89b9b);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator