#002D62

#1D919C

#B2D7D0

#E5E5E5

#F2F2F2

Dive

#002D62

#1D919C

#B2D7D0

#E5E5E5

#F2F2F2



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

Cyan

White

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#002d62	rgb(0, 45, 98)	hsl(210 100% 19%)	hwb(210 0% 62%)	lch(18.5 36.3 277)	lab(18.5 4.38 -36.1)	cmyk 100%, 54%, 0%, 62%
	#1d919c	rgb(29, 145, 156)	hsl(190 69% 36%)	hwb(190 11% 39%)	lch(54.6 32.4 208)	lab(54.6 -28.6 -15.2)	cmyk 81%, 7%, 0%, 39%
	#b2d7d0	rgb(178, 215, 208)	hsl(170 32% 77%)	hwb(170 70% 16%)	lch(83.1 13.7 183)	lab(83.1 -13.7 -0.81)	cmyk 17%, 0%, 3%, 16%
	#e5e5e5	rgb(229, 229, 229)	hsl(none 0% 90%)	hwb(none 90% 10%)	lch(90.9 0 none)	lab(90.9 0 0)	cmyk 0%, 0%, 0%, 10%
	#f2f2f2	rgb(242, 242, 242)	hsl(none 0% 95%)	hwb(none 95% 5.1%)	lch(95.5 0 none)	lab(95.5 0 0)	cmyk 0%, 0%, 0%, 5%

 Click a color format to copy 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