Dive

#99A873

#A8BD88

#D6E1B5

#58B4B1

#478C9C

Actions

Explore the palette in different formats, and actions.

Colors overview

Green

Cyan

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#99a873	rgb(153, 168, 115)	hsl(77 23% 55%)	oklab(71% -0.04 0.06)	oklch(71% 0.08 120)	color(display-p3 0.61 0.66 0.47)
	#a8bd88	rgb(168, 189, 136)	hsl(84 29% 64%)	oklab(77% -0.04 0.06)	oklch(77% 0.08 130)	color(display-p3 0.67 0.74 0.55)
	#d6e1b5	rgb(214, 225, 181)	hsl(75 42% 80%)	oklab(89% -0.03 0.05)	oklch(89% 0.06 120)	color(display-p3 0.85 0.88 0.73)
	#58b4b1	rgb(88, 180, 177)	hsl(180 38% 53%)	oklab(71% -0.09 -0.02)	oklch(71% 0.09 190)	color(display-p3 0.44 0.7 0.69)
	#478c9c	rgb(71, 140, 156)	hsl(190 37% 45%)	oklab(60% -0.06 -0.04)	oklch(60% 0.07 210)	color(display-p3 0.35 0.54 0.6)

 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.

#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