#2a7e5e
#255a6f
#3cb2b4
#6acd84
#f4fbf4
NATURE
#2a7e5e
#255a6f
#3cb2b4
#6acd84
#f4fbf4
Web code
Get CSS, SCSS, & Tailwind code for development
App tokens
Get Android, Flutter, Swift, & MAUI tokens
Quick view
Inspect colors in multiple color spaces
Colors overview
Blue
Green
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #2a7e5e | rgb(42, 126, 94) | hsl(160 50% 33%) | hwb(160 16% 51%) | lch(47.2 33.9 163) | lab(47.2 -32.4 9.77) | cmyk 67%, 0%, 25%, 51% | |
| #255a6f | rgb(37, 90, 111) | hsl(200 50% 29%) | hwb(200 15% 56%) | lch(35.4 21.8 234) | lab(35.4 -12.8 -17.6) | cmyk 67%, 19%, 0%, 56% | |
| #3cb2b4 | rgb(60, 178, 180) | hsl(180 50% 47%) | hwb(180 24% 29%) | lch(66.3 34.9 199) | lab(66.3 -33.1 -11.2) | cmyk 67%, 1%, 0%, 29% | |
| #6acd84 | rgb(106, 205, 132) | hsl(140 50% 61%) | hwb(140 42% 20%) | lch(75.1 50.3 147) | lab(75.1 -42.4 27.1) | cmyk 48%, 0%, 36%, 20% | |
| #f4fbf4 | rgb(244, 251, 244) | hsl(120 47% 97%) | hwb(120 96% 1.6%) | lch(97.9 4.16 143) | lab(97.9 -3.31 2.52) | cmyk 3%, 0%, 3%, 2% |
Click a color format to copy 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