#4c269a
#e4d7ff
#ffdfaf
#f1884e
#191c32
Tasks
#4c269a
#e4d7ff
#ffdfaf
#f1884e
#191c32
Actions
Explore the palette in different formats, and actions.
Colors overview
Purple
Orange
Black
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #4c269a | rgb(76, 38, 154) | hsl(260 60% 38%) | oklab(39% 0.06 -0.16) | oklch(39% 0.17 290) | color(display-p3 0.28 0.16 0.58) | |
| #e4d7ff | rgb(228, 215, 255) | hsl(260 100% 92%) | oklab(90% 0.03 -0.05) | oklch(90% 0.06 300) | color(display-p3 0.89 0.84 0.99) | |
| #ffdfaf | rgb(255, 223, 175) | hsl(36 100% 84%) | oklab(92% 0.02 0.07) | oklch(92% 0.07 78) | color(display-p3 0.98 0.88 0.71) | |
| #f1884e | rgb(241, 136, 78) | hsl(21 85% 63%) | oklab(73% 0.1 0.11) | oklch(73% 0.15 48) | color(display-p3 0.89 0.55 0.35) | |
| #191c32 | rgb(25, 28, 50) | hsl(230 33% 15%) | oklab(24% 0 -0.04) | oklch(24% 0.04 280) | color(display-p3 0.1 0.11 0.19) |
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.
#4c269a
AAA - 10.23
#e4d7ff
AA - 1.35
#ffdfaf
AA - 1.27
#f1884e
AA - 2.5
#191c32
AAA - 16.75
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