Reflection

Palette information

Blue

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#e8f2ff	rgb(232, 242, 255)	hsl(214, 100%, 95%)	hwb(214 91% 0%)	hsv 214°, 9%, 100%	cmyk 9%, 5%, 0%, 0%	Pantone 656C
#cde2fc	rgb(205, 226, 252)	hsl(213, 89%, 90%)	hwb(213 80% 1%)	hsv 213°, 19%, 99%	cmyk 19%, 10%, 0%, 1%	Pantone 2707C
#aacffa	rgb(170, 207, 250)	hsl(212, 89%, 82%)	hwb(212 67% 2%)	hsv 212°, 32%, 98%	cmyk 32%, 17%, 0%, 2%	Pantone 2717C
#3070bf	rgb(48, 112, 191)	hsl(213, 60%, 47%)	hwb(213 19% 25%)	hsv 213°, 75%, 75%	cmyk 75%, 41%, 0%, 25%	Pantone 3005C
#1f508c	rgb(31, 80, 140)	hsl(213, 64%, 34%)	hwb(213 12% 45%)	hsv 213°, 78%, 55%	cmyk 78%, 43%, 0%, 45%	Pantone 301C

Click a color format to copy to your clipboard.

White background Black background

#e8f2ff

1.1

#cde2fc

1.3

#aacffa

1.6

#cde2fc

5.0

#cde2fc

8.1

Color blindness filter

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

Android color codes


                <color name="Reflection_1">#e8f2ff</color>


                <color name="Reflection_2">#cde2fc</color>


                <color name="Reflection_3">#aacffa</color>


                <color name="Reflection_4">#3070bf</color>


                <color name="Reflection_5">#1f508c</color>

Flutter color codes


                const Reflection1 = Color(0xFFe8f2ff);


                const Reflection2 = Color(0xFFcde2fc);


                const Reflection3 = Color(0xFFaacffa);


                const Reflection4 = Color(0xFF3070bf);


                const Reflection5 = Color(0xFF1f508c);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator