#ff2ebd
#462eff
#bd9fff
#d1ffbf
#6aff2e
Royal Deep
#ff2ebd
#462eff
#bd9fff
#d1ffbf
#6aff2e
Actions
Explore the palette in different formats, and actions.
Colors overview
Blue
Green
Pink
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #ff2ebd | rgb(255, 46, 189) | hsl(320 100% 59%) | oklab(68% 0.26 -0.07) | oklch(68% 0.27 350) | color(display-p3 0.92 0.27 0.72) | |
| #462eff | rgb(70, 46, 255) | hsl(250 100% 59%) | oklab(50% 0.02 -0.28) | oklch(50% 0.28 270) | color(display-p3 0.26 0.18 0.96) | |
| #bd9fff | rgb(189, 159, 255) | hsl(260 100% 81%) | oklab(77% 0.06 -0.12) | oklch(77% 0.14 300) | color(display-p3 0.72 0.63 0.98) | |
| #d1ffbf | rgb(209, 255, 191) | hsl(100 100% 87%) | oklab(95% -0.07 0.07) | oklch(95% 0.1 140) | color(display-p3 0.86 0.99 0.77) | |
| #6aff2e | rgb(106, 255, 46) | hsl(100 100% 59%) | oklab(88% -0.2 0.17) | oklch(88% 0.26 140) | color(display-p3 0.58 0.99 0.35) |
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.
#ff2ebd
AA - 3.29
#462eff
AA - 6.78
#bd9fff
AA - 2.19
#d1ffbf
AA - 1.11
#6aff2e
AA - 1.31
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