Tea Green
Web code
Get CSS, SCSS, & Tailwind code for development
App tokens
Get Android, Flutter, Swift, & MAUI tokens
HDR gradient
Switch to HDR to enhance the gradient
Quick view
Inspect colors in multiple color spaces
Colors overview
Green
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #a0d08c | rgb(160, 208, 140) | hsl(100 42% 68%) | hwb(100 55% 18%) | lch(78.8 38.4 132) | lab(78.8 -25.6 28.6) | cmyk 23%, 0%, 33%, 18% | |
| #70b05c | rgb(112, 176, 92) | hsl(110 35% 53%) | hwb(110 36% 31%) | lch(66 49.2 133) | lab(66 -33.5 36) | cmyk 36%, 0%, 48%, 31% | |
| #40902c | rgb(64, 144, 44) | hsl(110 53% 37%) | hwb(110 17% 44%) | lch(53.3 58.8 133) | lab(53.3 -40 43.1) | cmyk 56%, 0%, 69%, 44% | |
| #107000 | rgb(16, 112, 0) | hsl(110 100% 22%) | hwb(110 0% 56%) | lch(40.8 60.9 133) | lab(40.8 -41.6 44.4) | cmyk 86%, 0%, 100%, 56% |
Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#A0D08C
AA - 1.76
#70B05C
AA - 2.6
#40902C
AA - 4
#107000
AA - 6.28
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.
32°
CPU
48°
GPU
100%
Usage
11°
Rain
70%
Storage
PWA prompt