#c404c7
#ff00ff
#ffffff
#00ff00
#8000ff
Fuchsia
#c404c7
#ff00ff
#ffffff
#00ff00
#8000ff
Actions
Explore the palette in different formats, and actions.
Colors overview
Pink
Green
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #c404c7 | rgb(196, 4, 199) | hsl(300 96% 40%) | oklab(58% 0.22 -0.14) | oklch(58% 0.27 330) | color(display-p3 0.7 0.15 0.75) | |
| #ff00ff | rgb(255, 0, 255) | hsl(300 100% 50%) | oklab(70% 0.27 -0.17) | oklch(70% 0.32 330) | color(display-p3 0.92 0.2 0.97) | |
| #ffffff | rgb(255, 255, 255) | hsl(none 0% 100%) | oklab(100% 0 0) | oklch(100% 0 none) | color(display-p3 1 1 1) | |
| #00ff00 | rgb(0, 255, 0) | hsl(120 100% 50%) | oklab(87% -0.23 0.18) | oklch(87% 0.29 140) | color(display-p3 0.46 0.99 0.3) | |
| #8000ff | rgb(128, 0, 255) | hsl(270 100% 50%) | oklab(53% 0.12 -0.27) | oklch(53% 0.29 290) | color(display-p3 0.46 0.08 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.
#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