#3a0089
#930078
#e61c5e
#ffe98e
#ffffff
Crazy
#3a0089
#930078
#e61c5e
#ffe98e
#ffffff
Actions
Explore the palette in different formats, and actions.
Colors overview
Blue
Red
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #3a0089 | rgb(58, 0, 137) | hsl(270 100% 27%) | oklab(33% 0.06 -0.17) | oklch(33% 0.18 290) | color(display-p3 0.21 0.02 0.52) | |
| #930078 | rgb(147, 0, 120) | hsl(310 100% 29%) | oklab(45% 0.18 -0.07) | oklch(45% 0.2 340) | color(display-p3 0.53 0.1 0.46) | |
| #e61c5e | rgb(230, 28, 94) | hsl(340 80% 51%) | oklab(60% 0.22 0.04) | oklch(60% 0.23 11) | color(display-p3 0.83 0.21 0.38) | |
| #ffe98e | rgb(255, 233, 142) | hsl(48 100% 78%) | oklab(93% -0.01 0.11) | oklch(93% 0.11 96) | color(display-p3 0.99 0.92 0.6) | |
| #ffffff | rgb(255, 255, 255) | hsl(none 0% 100%) | oklab(100% 0 0) | oklch(100% 0 none) | color(display-p3 1 1 1) |
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.
#3a0089
AAA - 13.62
#930078
AAA - 8.36
#e61c5e
AA - 4.47
#ffe98e
AA - 1.21
#ffffff
AA - 1
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