#49f2bf
#b5ffda
#e3ffed
#d3bef7
#5f18d9
Flower
#49f2bf
#b5ffda
#e3ffed
#d3bef7
#5f18d9
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
Green
Purple
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #49f2bf | rgb(73, 242, 191) | hsl(160 87% 62%) | hwb(160 29% 5.1%) | lch(86.2 55 168) | lab(86.2 -53.8 11.6) | cmyk 70%, 0%, 21%, 5% | |
| #b5ffda | rgb(181, 255, 218) | hsl(150 100% 85%) | hwb(150 71% 0%) | lch(94.4 31 161) | lab(94.4 -29.3 10.1) | cmyk 29%, 0%, 15%, 0% | |
| #e3ffed | rgb(227, 255, 237) | hsl(140 100% 95%) | hwb(140 89% 0%) | lch(97.6 13 156) | lab(97.6 -11.9 5.4) | cmyk 11%, 0%, 7%, 0% | |
| #d3bef7 | rgb(211, 190, 247) | hsl(260 78% 86%) | hwb(260 75% 3.1%) | lch(80.2 30 302) | lab(80.2 15.8 -25.5) | cmyk 15%, 23%, 0%, 3% | |
| #5f18d9 | rgb(95, 24, 217) | hsl(260 80% 47%) | hwb(260 9.4% 15%) | lch(32.7 104 305) | lab(32.7 60.5 -85) | cmyk 56%, 89%, 0%, 15% |
Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#49f2bf
AA - 1.42
#b5ffda
AA - 1.14
#e3ffed
AA - 1.06
#d3bef7
AA - 1.68
#5f18d9
AAA - 8.01
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