#507D46
#6C9A3D
#90B638
#A4C65F
Pear
#507D46
#6C9A3D
#90B638
#A4C65F
Actions
Explore the palette in different formats, and actions.
Colors overview
Green
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #507d46 | rgb(80, 125, 70) | hsl(110 28% 38%) | oklab(54% -0.07 0.06) | oklch(54% 0.1 140) | color(display-p3 0.35 0.49 0.3) | |
| #6c9a3d | rgb(108, 154, 61) | hsl(90 43% 42%) | oklab(63% -0.09 0.1) | oklch(63% 0.13 130) | color(display-p3 0.46 0.6 0.29) | |
| #90b638 | rgb(144, 182, 56) | hsl(78 53% 47%) | oklab(72% -0.09 0.13) | oklch(72% 0.16 120) | color(display-p3 0.59 0.71 0.3) | |
| #a4c65f | rgb(164, 198, 95) | hsl(80 47% 57%) | oklab(78% -0.08 0.11) | oklch(78% 0.14 120) | color(display-p3 0.67 0.77 0.43) |
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.
#507D46
AA - 4.81
#6C9A3D
AA - 3.31
#90B638
AA - 2.35
#A4C65F
AA - 1.94
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