Verdant Harmony

#3F704F

#73A55C

#AACC8F

#D4E2B6

#E8D874

Actions

Explore the palette in different formats, and actions.

Colors overview

Green

Yellow

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#3f704f	rgb(63, 112, 79)	hsl(140 28% 34%)	hwb(140 25% 56%)	lch(43.1 26.8 151)	lab(43.1 -23.4 13)	cmyk 44%, 0%, 29%, 56%
	#73a55c	rgb(115, 165, 92)	hsl(100 29% 50%)	hwb(100 36% 35%)	lch(62.9 42.5 131)	lab(62.9 -27.7 32.2)	cmyk 30%, 0%, 44%, 35%
	#aacc8f	rgb(170, 204, 143)	hsl(93 37% 68%)	hwb(93 56% 20%)	lch(78.4 33.2 127)	lab(78.4 -19.9 26.6)	cmyk 17%, 0%, 30%, 20%
	#d4e2b6	rgb(212, 226, 182)	hsl(79 43% 80%)	hwb(79 71% 11%)	lch(88 22.5 118)	lab(88 -10.4 19.9)	cmyk 6%, 0%, 19%, 11%
	#e8d874	rgb(232, 216, 116)	hsl(52 72% 68%)	hwb(52 45% 9%)	lch(86.1 51 94.2)	lab(86.1 -3.75 50.8)	cmyk 0%, 7%, 50%, 9%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#3F704F

AA - 5.76



#73A55C

AA - 2.89



#AACC8F

AA - 1.78



#D4E2B6

AA - 1.36



#E8D874

AA - 1.44



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(50.1% -0.067 0.034), oklab(66.9% -0.084 0.079), oklab(80.5% -0.06 0.067), oklab(89.1% -0.032 0.051), oklab(87.5% -0.022 0.121))

Fallback colors



background: linear-gradient(45deg, #3F704F, #73A55C, #AACC8F, #D4E2B6, #E8D874)

Colors



<!-- Primary Colors -->
<color name="verdant_harmony_color_10">#3F704F</color>
<color name="verdant_harmony_color_20">#73A55C</color>
<color name="verdant_harmony_color_30">#AACC8F</color>
<color name="verdant_harmony_color_40">#D4E2B6</color>
<color name="verdant_harmony_color_50">#E8D874</color>

PWA prompt