Hippocampus

Palette information

Blue

White

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#def0fc	rgb(222, 240, 252)	hsl(204, 83%, 93%)	hwb(204 87% 1%)	hsv 204°, 12%, 99%	cmyk 12%, 5%, 0%, 1%	Pantone 656C
#93c5ea	rgb(147, 197, 234)	hsl(206, 67%, 75%)	hwb(206 58% 8%)	hsv 206°, 37%, 92%	cmyk 37%, 16%, 0%, 8%	Pantone 283C
#488dd2	rgb(72, 141, 210)	hsl(210, 61%, 55%)	hwb(210 28% 18%)	hsv 210°, 66%, 82%	cmyk 66%, 33%, 0%, 18%	Pantone 279C
#fffdf4	rgb(255, 253, 244)	hsl(49, 100%, 98%)	hwb(49 96% 0%)	hsv 49°, 4%, 100%	cmyk 0%, 1%, 4%, 0%	Pantone 663C
#a2e9fd	rgb(162, 233, 253)	hsl(193, 96%, 81%)	hwb(193 64% 1%)	hsv 193°, 36%, 99%	cmyk 36%, 8%, 0%, 1%	Pantone 304C

Click a color format to copy to your clipboard.

White background Black background

#DEF0FC

1.2

#93C5EA

1.8

#488DD2

3.5

#93C5EA

1.0

#93C5EA

1.3

Color blindness filter

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

Android color codes


                <color name="Hippocampus_1">#DEF0FC</color>


                <color name="Hippocampus_2">#93C5EA</color>


                <color name="Hippocampus_3">#488DD2</color>


                <color name="Hippocampus_4">#FFFDF4</color>


                <color name="Hippocampus_5">#A2E9FD</color>

Flutter color codes


                const Hippocampus1 = Color(0xFFDEF0FC);


                const Hippocampus2 = Color(0xFF93C5EA);


                const Hippocampus3 = Color(0xFF488DD2);


                const Hippocampus4 = Color(0xFFFFFDF4);


                const Hippocampus5 = Color(0xFFA2E9FD);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator