Dive

#99A873

#A8BD88

#D6E1B5

#58B4B1

#478C9C

Actions

Explore the palette in different formats, and actions.

Colors overview

Green

Cyan

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#99a873	rgb(153, 168, 115)	hsl(77 23% 55%)	hwb(77 45% 34%)	lch(66.7 28.4 116)	lab(66.7 -12.3 25.6)	cmyk 9%, 0%, 32%, 34%
	#a8bd88	rgb(168, 189, 136)	hsl(84 29% 64%)	hwb(84 53% 26%)	lch(74 28.3 121)	lab(74 -14.4 24.4)	cmyk 11%, 0%, 28%, 26%
	#d6e1b5	rgb(214, 225, 181)	hsl(75 42% 80%)	hwb(75 71% 12%)	lch(87.8 22.4 115)	lab(87.8 -9.35 20.3)	cmyk 5%, 0%, 20%, 12%
	#58b4b1	rgb(88, 180, 177)	hsl(180 38% 53%)	hwb(180 35% 29%)	lch(67.7 30.1 194)	lab(67.7 -29.2 -7.34)	cmyk 51%, 0%, 2%, 29%
	#478c9c	rgb(71, 140, 156)	hsl(190 37% 45%)	hwb(190 28% 39%)	lch(54.3 24.7 219)	lab(54.3 -19.2 -15.6)	cmyk 54%, 10%, 0%, 39%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#99A873

AA - 2.56



#A8BD88

AA - 2.03



#D6E1B5

AA - 1.37



#58B4B1

AA - 2.44



#478C9C

AA - 3.81



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(70.6% -0.039 0.064), oklab(76.9% -0.044 0.062), oklab(89% -0.029 0.052), oklab(71.3% -0.086 -0.019), oklab(60.1% -0.06 -0.042))

Fallback colors



background: linear-gradient(45deg, #99A873, #A8BD88, #D6E1B5, #58B4B1, #478C9C)

Colors



<!-- Primary Colors -->
<color name="dive_color_10">#99A873</color>
<color name="dive_color_20">#A8BD88</color>
<color name="dive_color_30">#D6E1B5</color>
<color name="dive_color_40">#58B4B1</color>
<color name="dive_color_50">#478C9C</color>

PWA prompt