#490635
#80005C
#F1C40F
#F6E4C8
#FFF5EE
Core
#490635
#80005C
#F1C40F
#F6E4C8
#FFF5EE
Actions
Explore the palette in different formats, and actions.
Colors overview
Purple
Yellow
White
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #490635 | rgb(73, 6, 53) | hsl(320 85% 15%) | oklab(28% 0.1 -0.03) | oklch(28% 0.11 340) | color(display-p3 0.26 0.05 0.2) | |
| #80005c | rgb(128, 0, 92) | hsl(320 100% 25%) | oklab(40% 0.16 -0.04) | oklch(40% 0.17 340) | color(display-p3 0.46 0.08 0.35) | |
| #f1c40f | rgb(241, 196, 15) | hsl(48 89% 50%) | oklab(84% -0.01 0.17) | oklch(84% 0.17 92) | color(display-p3 0.92 0.78 0.27) | |
| #f6e4c8 | rgb(246, 228, 200) | hsl(37 72% 87%) | oklab(93% 0.01 0.04) | oklch(93% 0.04 79) | color(display-p3 0.95 0.9 0.8) | |
| #fff5ee | rgb(255, 245, 238) | hsl(25 100% 97%) | oklab(98% 0.01 0.01) | oklch(98% 0.01 58) | color(display-p3 0.99 0.96 0.94) |
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.
#490635
AAA - 15.43
#80005C
AAA - 10.13
#F1C40F
AA - 1.66
#F6E4C8
AA - 1.24
#FFF5EE
AA - 1.07
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