#1e0f19
#4a1a3f
#7c2169
#cb6db4
#f6e2f0
Red Wine
#1e0f19
#4a1a3f
#7c2169
#cb6db4
#f6e2f0
Actions
Explore the palette in different formats, and actions.
Colors overview
Red
Pink
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #1e0f19 | rgb(30, 15, 25) | hsl(320 33% 8.8%) | oklab(19% 0.03 -0.01) | oklch(19% 0.03 340) | color(display-p3 0.11 0.06 0.1) | |
| #4a1a3f | rgb(74, 26, 63) | hsl(310 48% 20%) | oklab(31% 0.08 -0.03) | oklch(31% 0.09 340) | color(display-p3 0.27 0.11 0.24) | |
| #7c2169 | rgb(124, 33, 105) | hsl(310 58% 31%) | oklab(42% 0.14 -0.06) | oklch(42% 0.15 340) | color(display-p3 0.45 0.16 0.4) | |
| #cb6db4 | rgb(203, 109, 180) | hsl(310 47% 61%) | oklab(66% 0.14 -0.06) | oklch(66% 0.15 340) | color(display-p3 0.75 0.45 0.69) | |
| #f6e2f0 | rgb(246, 226, 240) | hsl(320 53% 93%) | oklab(93% 0.03 -0.01) | oklch(93% 0.03 340) | color(display-p3 0.95 0.89 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.
#1e0f19
AAA - 18.46
#4a1a3f
AAA - 13.9
#7c2169
AAA - 9.21
#cb6db4
AA - 3.28
#f6e2f0
AA - 1.23
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