Verdant Harmony

#3F704F

#73A55C

#AACC8F

#D4E2B6

#E8D874

Actions

Explore the palette in different formats, and actions.

Colors overview

Green

Yellow

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#3f704f	rgb(63, 112, 79)	hsl(140 28% 34%)	oklab(50% -0.07 0.03)	oklch(50% 0.08 150)	color(display-p3 0.29 0.43 0.32)
	#73a55c	rgb(115, 165, 92)	hsl(100 29% 50%)	oklab(67% -0.08 0.08)	oklch(67% 0.12 140)	color(display-p3 0.49 0.64 0.39)
	#aacc8f	rgb(170, 204, 143)	hsl(93 37% 68%)	oklab(81% -0.06 0.07)	oklch(81% 0.09 130)	color(display-p3 0.69 0.8 0.58)
	#d4e2b6	rgb(212, 226, 182)	hsl(79 43% 80%)	oklab(89% -0.03 0.05)	oklch(89% 0.06 120)	color(display-p3 0.84 0.88 0.73)
	#e8d874	rgb(232, 216, 116)	hsl(52 72% 68%)	oklab(87% -0.02 0.12)	oklch(87% 0.12 100)	color(display-p3 0.9 0.85 0.51)

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

#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