Aquarium

#003366

#2a5298

#5793D8

#6eb4f1

#b0c4de

Actions

Explore the palette in different formats, and actions.

Colors overview

Blue

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#003366	rgb(0, 51, 102)	hsl(210 100% 20%)	hwb(210 0% 60%)	lch(20.7 35 273)	lab(20.7 1.89 -35)	cmyk 100%, 50%, 0%, 60%
	#2a5298	rgb(42, 82, 152)	hsl(220 57% 38%)	hwb(220 16% 40%)	lch(34.9 43.6 277)	lab(34.9 5.14 -43.3)	cmyk 72%, 46%, 0%, 40%
	#5793d8	rgb(87, 147, 216)	hsl(210 62% 59%)	hwb(210 34% 15%)	lch(59.2 42.1 264)	lab(59.2 -4.21 -41.9)	cmyk 60%, 32%, 0%, 15%
	#6eb4f1	rgb(110, 180, 241)	hsl(210 82% 69%)	hwb(210 43% 5.5%)	lch(70.5 39.1 255)	lab(70.5 -9.8 -37.8)	cmyk 54%, 25%, 0%, 5%
	#b0c4de	rgb(176, 196, 222)	hsl(210 41% 78%)	hwb(210 69% 13%)	lch(78.3 15.7 259)	lab(78.3 -2.9 -15.4)	cmyk 21%, 12%, 0%, 13%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#003366

AAA - 12.6



#2a5298

AAA - 7.61



#5793D8

AA - 3.19



#6eb4f1

AA - 2.21



#b0c4de

AA - 1.78



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(32.3% -0.028 -0.099), oklab(44.8% -0.02 -0.122), oklab(65.3% -0.035 -0.116), oklab(74.8% -0.046 -0.104), oklab(81.4% -0.011 -0.041))

Fallback colors



background: linear-gradient(45deg, #003366, #2a5298, #5793D8, #6eb4f1, #b0c4de)

Colors



<!-- Primary Colors -->
<color name="aquarium_color_10">#003366</color>
<color name="aquarium_color_20">#2a5298</color>
<color name="aquarium_color_30">#5793D8</color>
<color name="aquarium_color_40">#6eb4f1</color>
<color name="aquarium_color_50">#b0c4de</color>

PWA prompt