#344a07
#518c15
#86bd20
#f0ff6e
#b3c700
Color Palette
Care
by Colorffy Team
About
Green
White
marketing
Main Actions
#344a07
#518c15
#86bd20
#f0ff6e
#b3c700
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 |
|---|---|---|---|---|---|---|---|
| | #344a07 | rgb(20.4% 29% 2.75%) | hwb(80 2.7% 71%) | oklab(37.7% -0.056 0.074) | oklch(37.7% 0.092 127) | color(display-p3 0.222 0.288 0.082) | |
| | #518c15 | rgb(31.8% 54.9% 8.24%) | hwb(90 8.2% 45%) | oklab(57.7% -0.107 0.113) | oklch(57.7% 0.156 134) | color(display-p3 0.372 0.543 0.18) | |
| | #86bd20 | rgb(52.5% 74.1% 12.5%) | hwb(81 13% 26%) | oklab(73.3% -0.113 0.144) | oklch(73.3% 0.183 128) | color(display-p3 0.572 0.735 0.258) | |
| | #f0ff6e | rgb(94.1% 100% 43.1%) | hwb(66 43% 0%) | oklab(96.1% -0.07 0.153) | oklch(96.1% 0.168 115) | color(display-p3 0.952 0.998 0.516) | |
| | #b3c700 | rgb(70.2% 78% 0%) | hwb(66 0% 22%) | oklab(78.7% -0.082 0.162) | oklch(78.7% 0.181 117) | color(display-p3 0.717 0.778 0.245) |
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
#344a07
AAA - 9.86
Lc -97
#518c15
Fail - 4.1
Lc -73
#86bd20
Fail - 2.25
Lc -49
#f0ff6e
Fail - 1.09
Lc 0
#b3c700
Fail - 1.89
Lc -40
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