Hippocampus

#DEF0FC

#93C5EA

#488DD2

#FFFDF4

#A2E9FD

#DEF0FC

#93C5EA

#488DD2

#FFFDF4

#A2E9FD

Colors overview

Blue

White

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#def0fc	rgb(222, 240, 252)	hsl(200 83% 93%)	hwb(200 87% 1.2%)	lch(93.7 9.08 241)	lab(93.7 -4.4 -7.94)	cmyk 12%, 5%, 0%, 1%
	#93c5ea	rgb(147, 197, 234)	hsl(210 67% 75%)	hwb(210 58% 8.2%)	lch(77 26 247)	lab(77 -10.1 -24)	cmyk 37%, 16%, 0%, 8%
	#488dd2	rgb(72, 141, 210)	hsl(210 61% 55%)	hwb(210 28% 18%)	lch(56.5 43.1 262)	lab(56.5 -5.7 -42.7)	cmyk 66%, 33%, 0%, 18%
	#fffdf4	rgb(255, 253, 244)	hsl(49 100% 98%)	hwb(49 96% 0%)	lch(99.3 4.59 95.8)	lab(99.3 -0.461 4.57)	cmyk 0%, 1%, 4%, 0%
	#a2e9fd	rgb(162, 233, 253)	hsl(190 96% 81%)	hwb(190 64% 0.78%)	lch(88.2 25.8 222)	lab(88.2 -19.3 -17.2)	cmyk 36%, 8%, 0%, 1%

 Click a color format to copy to your clipboard.

Contrast ratios checker

Click one color card to view the complete contrast checker tests.

#DEF0FC

AA - 1.16



#93C5EA

AA - 1.83



#488DD2

AA - 3.49



#FFFDF4

AA - 1.01



#A2E9FD

AA - 1.34



Color blindness

The simulation of color blindness may not be 100% accurate sometimes.

Colors preview as gradient with protanopia

Colors preview as palette with protanopia

UI components preview

Preview the gradient in different UI components.

HDR space

HDR oklab colors New



background: linear-gradient(45deg, oklab(94.5% -0.014 -0.021), oklab(80.1% -0.036 -0.065), oklab(63% -0.042 -0.119), oklab(99.3% -0.001 0.012), oklab(89.4% -0.06 -0.046))

Fallback colors New



background: linear-gradient(45deg, #DEF0FC, #93C5EA, #488DD2, #FFFDF4, #A2E9FD)

Colors



<resources>
    <color name="hippocampus_100">#DEF0FC</color>
    <color name="hippocampus_200">#93C5EA</color>
    <color name="hippocampus_300">#488DD2</color>
    <color name="hippocampus_400">#FFFDF4</color>
    <color name="hippocampus_500">#A2E9FD</color>
</resources>

PWA prompt