Dive

#002D62

#1D919C

#B2D7D0

#E5E5E5

#F2F2F2

Actions

Explore the palette in different formats, and actions.

Colors overview

Blue

Cyan

White

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#002d62	rgb(0, 45, 98)	hsl(210 100% 19%)	oklab(30% -0.03 -0.1)	oklch(30% 0.1 260)	color(display-p3 0.06 0.17 0.37)
	#1d919c	rgb(29, 145, 156)	hsl(190 69% 36%)	oklab(60% -0.09 -0.04)	oklch(60% 0.1 200)	color(display-p3 0.27 0.56 0.6)
	#b2d7d0	rgb(178, 215, 208)	hsl(170 32% 77%)	oklab(85% -0.04 0)	oklch(85% 0.04 180)	color(display-p3 0.73 0.84 0.82)
	#e5e5e5	rgb(229, 229, 229)	hsl(none 0% 90%)	oklab(92% 0 0)	oklch(92% 0 none)	color(display-p3 0.9 0.9 0.9)
	#f2f2f2	rgb(242, 242, 242)	hsl(none 0% 95%)	oklab(96% 0 0)	oklch(96% 0 none)	color(display-p3 0.95 0.95 0.95)

 Click on a color value to copy it to your clipboard.

Contrast ratios checker

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

#002D62

AAA - 13.53



#1D919C

AA - 3.76



#B2D7D0

AA - 1.55



#E5E5E5

AA - 1.25



#F2F2F2

AA - 1.11



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(30.5% -0.025 -0.102), oklab(60.2% -0.088 -0.041), oklab(85% -0.04 -0.002), oklab(92.2% 0 0), oklab(96.1% 0 0))

Fallback colors



background: linear-gradient(45deg, #002D62, #1D919C, #B2D7D0, #E5E5E5, #F2F2F2)

Colors



<!-- Primary Colors -->
<color name="dive_color_10">#002D62</color>
<color name="dive_color_20">#1D919C</color>
<color name="dive_color_30">#B2D7D0</color>
<color name="dive_color_40">#E5E5E5</color>
<color name="dive_color_50">#F2F2F2</color>

PWA prompt