#5540fb
#cbc4ff
#f4f4f7
#fb6b30
#15192b
Tech
#5540fb
#cbc4ff
#f4f4f7
#fb6b30
#15192b
Actions
Explore the palette in different formats, and actions.
Colors overview
Purple
White
Orange
Black
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #5540fb | rgb(85, 64, 251) | hsl(250 96% 62%) | oklab(53% 0.03 -0.26) | oklch(53% 0.26 280) | color(display-p3 0.32 0.25 0.95) | |
| #cbc4ff | rgb(203, 196, 255) | hsl(250 100% 88%) | oklab(85% 0.03 -0.08) | oklch(85% 0.08 290) | color(display-p3 0.79 0.77 0.98) | |
| #f4f4f7 | rgb(244, 244, 247) | hsl(240 16% 96%) | oklab(97% 0 0) | oklch(97% 0 290) | color(display-p3 0.96 0.96 0.97) | |
| #fb6b30 | rgb(251, 107, 48) | hsl(17 96% 59%) | oklab(70% 0.14 0.12) | oklch(70% 0.19 41) | color(display-p3 0.92 0.45 0.26) | |
| #15192b | rgb(21, 25, 43) | hsl(230 34% 13%) | oklab(22% 0 -0.04) | oklch(22% 0.04 270) | color(display-p3 0.09 0.1 0.16) |
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.
#5540fb
AA - 5.97
#cbc4ff
AA - 1.63
#f4f4f7
AA - 1.09
#fb6b30
AA - 2.89
#15192b
AAA - 17.41
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