#4A235A
#6B3A65
#8F5671
#B3737F
#D9908D
Dusk
#4A235A
#6B3A65
#8F5671
#B3737F
#D9908D
Actions
Explore the palette in different formats, and actions.
Colors overview
Purple
Pink
| Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
|---|---|---|---|---|---|---|---|
| | #4a235a | rgb(74, 35, 90) | hsl(280 44% 25%) | oklab(34% 0.07 -0.07) | oklch(34% 0.1 320) | color(display-p3 0.27 0.15 0.34) | |
| | #6b3a65 | rgb(107, 58, 101) | hsl(310 30% 32%) | oklab(43% 0.08 -0.04) | oklch(43% 0.09 330) | color(display-p3 0.39 0.24 0.39) | |
| | #8f5671 | rgb(143, 86, 113) | hsl(330 25% 45%) | oklab(53% 0.08 -0.01) | oklch(53% 0.08 350) | color(display-p3 0.53 0.35 0.44) | |
| | #b3737f | rgb(179, 115, 127) | hsl(350 30% 58%) | oklab(63% 0.08 0.01) | oklch(63% 0.08 7.5) | color(display-p3 0.67 0.46 0.5) | |
| | #d9908d | rgb(217, 144, 141) | hsl(2.4 50% 70%) | oklab(73% 0.08 0.03) | oklch(73% 0.09 22) | color(display-p3 0.81 0.58 0.56) |
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.
#4A235A
AAA - 12.5
#6B3A65
AAA - 8.68
#8F5671
AA - 5.61
#B3737F
AA - 3.7
#D9908D
AA - 2.52
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