#1a4d25
#648567
#afc0b0
#cedbcf
Plant
#1a4d25
#648567
#afc0b0
#cedbcf
Actions
Explore the palette in different formats, and actions.
Colors overview
Green
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #1a4d25 | rgb(26, 77, 37) | hsl(130 50% 20%) | oklab(37% -0.07 0.05) | oklch(37% 0.09 150) | color(display-p3 0.16 0.3 0.16) | |
| #648567 | rgb(100, 133, 103) | hsl(130 14% 46%) | oklab(58% -0.05 0.03) | oklch(58% 0.06 150) | color(display-p3 0.42 0.52 0.41) | |
| #afc0b0 | rgb(175, 192, 176) | hsl(120 12% 72%) | oklab(79% -0.02 0.02) | oklch(79% 0.03 150) | color(display-p3 0.7 0.75 0.69) | |
| #cedbcf | rgb(206, 219, 207) | hsl(120 15% 83%) | oklab(88% -0.02 0.01) | oklch(88% 0.02 150) | color(display-p3 0.82 0.86 0.82) |
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.
#1a4d25
AAA - 9.84
#648567
AA - 4.12
#afc0b0
AA - 1.91
#cedbcf
AA - 1.43
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.
PWA prompt