#027d05
#58db5a
#d1ffd1
#d636d4
#ff8ffd
Springtime
#027d05
#58db5a
#d1ffd1
#d636d4
#ff8ffd
Actions
Explore the palette in different formats, and actions.
Colors overview
Green
Pink
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #027d05 | rgb(2, 125, 5) | hsl(120 97% 25%) | oklab(51% -0.14 0.1) | oklch(51% 0.17 140) | color(display-p3 0.21 0.48 0.13) | |
| #58db5a | rgb(88, 219, 90) | hsl(120 65% 60%) | oklab(79% -0.17 0.12) | oklch(79% 0.21 140) | color(display-p3 0.49 0.85 0.42) | |
| #d1ffd1 | rgb(209, 255, 209) | hsl(120 100% 91%) | oklab(96% -0.06 0.04) | oklch(96% 0.08 140) | color(display-p3 0.86 0.99 0.83) | |
| #d636d4 | rgb(214, 54, 212) | hsl(300 66% 53%) | oklab(63% 0.22 -0.13) | oklch(63% 0.25 330) | color(display-p3 0.77 0.27 0.81) | |
| #ff8ffd | rgb(255, 143, 253) | hsl(300 100% 78%) | oklab(81% 0.16 -0.1) | oklch(81% 0.19 330) | color(display-p3 0.94 0.58 0.97) |
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.
#027d05
AA - 5.33
#58db5a
AA - 1.79
#d1ffd1
AA - 1.1
#d636d4
AA - 3.93
#ff8ffd
AA - 1.98
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