#184E30
#396F3F
#60924D
#8DB459
#C0D764
Color Palette
Swamp
by Colorffy Team
About
Green
Green
Main Actions
#184E30
#396F3F
#60924D
#8DB459
#C0D764
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 |
|---|---|---|---|---|---|---|---|
| | #184e30 | rgb(9.41% 30.6% 18.8%) | hwb(150 9.4% 69%) | oklab(37.9% -0.07 0.032) | oklch(37.9% 0.077 155) | color(display-p3 0.156 0.301 0.198) | |
| | #396f3f | rgb(22.4% 43.5% 24.7%) | hwb(130 22% 56%) | oklab(49.1% -0.079 0.053) | oklch(49.1% 0.095 146) | color(display-p3 0.276 0.43 0.266) | |
| | #60924d | rgb(37.6% 57.3% 30.2%) | hwb(100 30% 43%) | oklab(60.7% -0.083 0.076) | oklch(60.7% 0.113 138) | color(display-p3 0.42 0.567 0.333) | |
| | #8db459 | rgb(55.3% 70.6% 34.9%) | hwb(86 35% 29%) | oklab(72.1% -0.079 0.1) | oklch(72.1% 0.127 128) | color(display-p3 0.584 0.701 0.394) | |
| | #c0d764 | rgb(75.3% 84.3% 39.2%) | hwb(72 39% 16%) | oklab(83.8% -0.07 0.125) | oklch(83.8% 0.143 119) | color(display-p3 0.77 0.84 0.454) |
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
#184E30
AAA - 9.67
Lc -96
#396F3F
AA - 5.96
Lc -85
#60924D
Fail - 3.67
Lc -70
#8DB459
Fail - 2.38
Lc -52
#C0D764
Fail - 1.59
Lc -30
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