#5500f2
#3800b0
#bb86dc
#fcfcfc
#e0e0e0
UI 4
#5500f2
#3800b0
#bb86dc
#fcfcfc
#e0e0e0
Actions
Explore the palette in different formats, and actions.
Colors overview
Purple
Grey
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #5500f2 | rgb(85, 0, 242) | hsl(260 100% 47%) | oklab(47% 0.06 -0.28) | oklch(47% 0.28 280) | color(display-p3 0.3 0.04 0.91) | |
| #3800b0 | rgb(56, 0, 176) | hsl(260 100% 35%) | oklab(37% 0.04 -0.22) | oklch(37% 0.22 280) | color(display-p3 0.2 0.02 0.66) | |
| #bb86dc | rgb(187, 134, 220) | hsl(280 55% 69%) | oklab(70% 0.09 -0.1) | oklch(70% 0.13 310) | color(display-p3 0.7 0.53 0.84) | |
| #fcfcfc | rgb(252, 252, 252) | hsl(none 0% 99%) | oklab(99% 0 0) | oklch(99% 0 none) | color(display-p3 0.99 0.99 0.99) | |
| #e0e0e0 | rgb(224, 224, 224) | hsl(none 0% 88%) | oklab(91% 0 0) | oklch(91% 0 none) | color(display-p3 0.88 0.88 0.88) |
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.
#5500f2
AAA - 7.86
#3800b0
AAA - 11.69
#bb86dc
AA - 2.77
#fcfcfc
AA - 1.02
#e0e0e0
AA - 1.32
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