Pond

Palette information

Blue

Green

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#001787	rgb(0, 23, 135)	hsl(230, 100%, 26%)	hwb(230 0% 47%)	hsv 230°, 100%, 53%	cmyk 100%, 83%, 0%, 47%	Pantone 2746C
#0063cd	rgb(0, 99, 205)	hsl(211, 100%, 40%)	hwb(211 0% 20%)	hsv 211°, 100%, 80%	cmyk 100%, 52%, 0%, 20%	Pantone 2935C
#49f2aa	rgb(73, 242, 170)	hsl(154, 87%, 62%)	hwb(154 29% 5%)	hsv 154°, 70%, 95%	cmyk 70%, 0%, 30%, 5%	Pantone 3395C
#b7f99b	rgb(183, 249, 155)	hsl(102, 89%, 79%)	hwb(102 61% 2%)	hsv 102°, 38%, 98%	cmyk 27%, 0%, 38%, 2%	Pantone 359C
#fffdf2	rgb(255, 253, 242)	hsl(51, 100%, 97%)	hwb(51 95% 0%)	hsv 51°, 5%, 100%	cmyk 0%, 1%, 5%, 0%	Pantone 663C

Click a color format to copy to your clipboard.

White background Black background

#001787

14.3

#0063cd

5.7

#49f2aa

1.4

#0063cd

1.2

#0063cd

1.0

Color blindness filter

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

Android color codes


                <color name="Pond_1">#001787</color>


                <color name="Pond_2">#0063cd</color>


                <color name="Pond_3">#49f2aa</color>


                <color name="Pond_4">#b7f99b</color>


                <color name="Pond_5">#fffdf2</color>

Flutter color codes


                const Pond1 = Color(0xFF001787);


                const Pond2 = Color(0xFF0063cd);


                const Pond3 = Color(0xFF49f2aa);


                const Pond4 = Color(0xFFb7f99b);


                const Pond5 = Color(0xFFfffdf2);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator