#3F704F
#73A55C
#AACC8F
#D4E2B6
#E8D874
Featured
Color Palette
Verdant Harmony
by Colorffy Team
About
Green
Yellow
marketing
summer
Main Actions
#3F704F
#73A55C
#AACC8F
#D4E2B6
#E8D874
Quick actions
Explore the palette in different formats, and quick actions.
Colors overview
Comprehensive color information and conversions.
| Color | HEX | RGB | HWB | OKLAB | OKLCH | P3 | Actions |
|---|---|---|---|---|---|---|---|
| | #3f704f | rgb(24.7% 43.9% 31%) | hwb(140 25% 56%) | oklab(50.1% -0.067 0.034) | oklch(50.1% 0.075 153) | color(display-p3 0.293 0.434 0.32) | |
| | #73a55c | rgb(45.1% 64.7% 36.1%) | hwb(100 36% 35%) | oklab(66.9% -0.084 0.079) | oklch(66.9% 0.115 136) | color(display-p3 0.493 0.642 0.392) | |
| | #aacc8f | rgb(66.7% 80% 56.1%) | hwb(93 56% 20%) | oklab(80.5% -0.06 0.067) | oklch(80.5% 0.09 132) | color(display-p3 0.693 0.796 0.584) | |
| | #d4e2b6 | rgb(83.1% 88.6% 71.4%) | hwb(79 71% 11%) | oklab(89.1% -0.032 0.051) | oklch(89.1% 0.06 122) | color(display-p3 0.841 0.885 0.73) | |
| | #e8d874 | rgb(91% 84.7% 45.5%) | hwb(52 45% 9%) | oklab(87.5% -0.022 0.121) | oklch(87.5% 0.123 100) | color(display-p3 0.899 0.849 0.509) |
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.
Contrast Checker Explanations
Live APCA (WCAG 3 draft) and WCAG 2.1 contrast calculations comparing selected text color against surface colors.
Body Pass
Lc ≥ 60 · ≥ 4.5:1
Large Pass
Lc ≥ 45 · ≥ 3.0:1
Fail
Below thresholds
#3F704F
AA - 5.76
Lc -84
#73A55C
Fail - 2.89
Lc -60
#AACC8F
Fail - 1.78
Lc -37
#D4E2B6
Fail - 1.36
Lc -21
#E8D874
Fail - 1.44
Lc -24
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 palette in different UI components.
PWA Prompt