#c404c7
#ff00ff
#ffffff
#00ff00
#8000ff
Fuchsia
#c404c7
#ff00ff
#ffffff
#00ff00
#8000ff
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
Pink
Green
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #c404c7 | rgb(196, 4, 199) | hsl(300 96% 40%) | hwb(300 1.6% 22%) | lch(46.8 92.1 326) | lab(46.8 76.7 -50.9) | cmyk 2%, 98%, 0%, 22% | |
| #ff00ff | rgb(255, 0, 255) | hsl(300 100% 50%) | hwb(300 0% 0%) | lch(60.2 111 327) | lab(60.2 93.5 -60.5) | cmyk 0%, 100%, 0%, 0% | |
| #ffffff | rgb(255, 255, 255) | hsl(none 0% 100%) | hwb(none 100% 0%) | lch(100 0 none) | lab(100 0 0) | cmyk 0%, 0%, 0%, 0% | |
| #00ff00 | rgb(0, 255, 0) | hsl(120 100% 50%) | hwb(120 0% 0%) | lch(87.8 113 134) | lab(87.8 -79.3 81) | cmyk 100%, 0%, 100%, 0% | |
| #8000ff | rgb(128, 0, 255) | hsl(270 100% 50%) | hwb(270 0% 0%) | lch(39.4 121 308) | lab(39.4 74.7 -95.4) | cmyk 50%, 100%, 0%, 0% |
Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#c404c7
AA - 5.01
#ff00ff
AA - 3.13
#ffffff
AA - 1
#00ff00
AA - 1.37
#8000ff
AA - 6.24
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