#2a7e5e
#255a6f
#3cb2b4
#6acd84
#f4fbf4
NATURE
#2a7e5e
#255a6f
#3cb2b4
#6acd84
#f4fbf4
Actions
Explore the palette in different formats, and actions.
Colors overview
Blue
Green
| Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
|---|---|---|---|---|---|---|---|
| | #2a7e5e | rgb(42, 126, 94) | hsl(160 50% 33%) | oklab(53% -0.09 0.03) | oklch(53% 0.1 160) | color(display-p3 0.26 0.49 0.38) | |
| | #255a6f | rgb(37, 90, 111) | hsl(200 50% 29%) | oklab(44% -0.04 -0.05) | oklch(44% 0.07 230) | color(display-p3 0.2 0.35 0.43) | |
| | #3cb2b4 | rgb(60, 178, 180) | hsl(180 50% 47%) | oklab(70% -0.1 -0.03) | oklch(70% 0.1 200) | color(display-p3 0.38 0.69 0.7) | |
| | #6acd84 | rgb(106, 205, 132) | hsl(140 50% 61%) | oklab(77% -0.12 0.07) | oklch(77% 0.14 150) | color(display-p3 0.51 0.79 0.54) | |
| | #f4fbf4 | rgb(244, 251, 244) | hsl(120 47% 97%) | oklab(98% -0.01 0.01) | oklch(98% 0.01 150) | color(display-p3 0.96 0.98 0.96) |
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.
#2a7e5e
AA - 4.94
#255a6f
AAA - 7.57
#3cb2b4
AA - 2.55
#6acd84
AA - 1.96
#f4fbf4
AA - 1.05
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