#540c45
#7f1168
#a9178b
#d41dad
#fe23d0
Fuchsia Shades
#540c45
#7f1168
#a9178b
#d41dad
#fe23d0
Actions
Explore the palette in different formats, and actions.
Colors overview
Pink
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #540c45 | rgb(84, 12, 69) | hsl(310 75% 19%) | oklab(31% 0.11 -0.04) | oklch(31% 0.12 340) | color(display-p3 0.3 0.07 0.26) | |
| #7f1168 | rgb(127, 17, 104) | hsl(310 76% 28%) | oklab(41% 0.16 -0.06) | oklch(41% 0.17 340) | color(display-p3 0.46 0.11 0.4) | |
| #a9178b | rgb(169, 23, 139) | hsl(310 76% 38%) | oklab(51% 0.19 -0.07) | oklch(51% 0.21 340) | color(display-p3 0.61 0.16 0.53) | |
| #d41dad | rgb(212, 29, 173) | hsl(310 76% 47%) | oklab(60% 0.23 -0.09) | oklch(60% 0.25 340) | color(display-p3 0.76 0.2 0.66) | |
| #fe23d0 | rgb(254, 35, 208) | hsl(310 99% 57%) | oklab(68% 0.26 -0.1) | oklch(68% 0.28 340) | color(display-p3 0.92 0.25 0.79) |
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.
#540c45
AAA - 13.85
#7f1168
AAA - 9.62
#a9178b
AA - 6.59
#d41dad
AA - 4.58
#fe23d0
AA - 3.29
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