#01248E

#026ABF

#029CD7

#04C6DA

#6EE4F6

POOL

#01248E

#026ABF

#029CD7

#04C6DA

#6EE4F6



Web code

Get CSS, SCSS, & Tailwind code for development



App tokens

Get Android, Flutter, Swift, & MAUI tokens



Quick view

Inspect colors in multiple color spaces

Colors overview

Blue

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#01248e	rgb(1, 36, 142)	hsl(230 99% 28%)	hwb(230 0.39% 44%)	lch(19.7 67.7 294)	lab(19.7 27 -62.1)	cmyk 99%, 75%, 0%, 44%
	#026abf	rgb(2, 106, 191)	hsl(210 98% 38%)	hwb(210 0.78% 25%)	lch(43.5 52.7 270)	lab(43.5 0.065 -52.7)	cmyk 99%, 45%, 0%, 25%
	#029cd7	rgb(2, 156, 215)	hsl(200 98% 43%)	hwb(200 0.78% 16%)	lch(59.9 44.6 245)	lab(59.9 -18.9 -40.4)	cmyk 99%, 27%, 0%, 16%
	#04c6da	rgb(4, 198, 218)	hsl(190 96% 44%)	hwb(190 1.6% 15%)	lch(72.7 43.1 211)	lab(72.7 -36.9 -22.3)	cmyk 98%, 9%, 0%, 15%
	#6ee4f6	rgb(110, 228, 246)	hsl(190 88% 70%)	hwb(190 43% 3.5%)	lch(84.3 36.7 212)	lab(84.3 -31.1 -19.5)	cmyk 55%, 7%, 0%, 4%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#01248E

AAA - 12.77



#026ABF

AA - 5.5



#029CD7

AA - 3.11



#04C6DA

AA - 2.08



#6EE4F6

AA - 1.49



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 color space

HDR oklab colors



background: linear-gradient(45deg, oklab(33.2% -0.019 -0.175), oklab(52.2% -0.048 -0.148), oklab(65.3% -0.08 -0.112), oklab(75.6% -0.115 -0.06), oklab(85.7% -0.096 -0.052))

Fallback colors



background: linear-gradient(45deg, #01248E, #026ABF, #029CD7, #04C6DA, #6EE4F6)

Colors



<!-- Primary Colors -->
<color name="pool_color_10">#01248E</color>
<color name="pool_color_20">#026ABF</color>
<color name="pool_color_30">#029CD7</color>
<color name="pool_color_40">#04C6DA</color>
<color name="pool_color_50">#6EE4F6</color>

PWA prompt