#99044f
#d4147a
#f449c3
#fa7ad7
#ffacea
Day
#99044f
#d4147a
#f449c3
#fa7ad7
#ffacea
Actions
Explore the palette in different formats, and actions.
Colors overview
Pink
Pink
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #99044f | rgb(153, 4, 79) | hsl(330 95% 31%) | oklab(44% 0.18 0) | oklch(44% 0.18 0.27) | color(display-p3 0.55 0.11 0.31) | |
| #d4147a | rgb(212, 20, 122) | hsl(330 83% 45%) | oklab(57% 0.23 -0.01) | oklch(57% 0.23 360) | color(display-p3 0.76 0.18 0.47) | |
| #f449c3 | rgb(244, 73, 195) | hsl(320 89% 62%) | oklab(69% 0.23 -0.08) | oklch(69% 0.24 340) | color(display-p3 0.88 0.34 0.75) | |
| #fa7ad7 | rgb(250, 122, 215) | hsl(320 93% 73%) | oklab(76% 0.18 -0.07) | oklch(76% 0.19 340) | color(display-p3 0.92 0.51 0.83) | |
| #ffacea | rgb(255, 172, 234) | hsl(320 100% 84%) | oklab(84% 0.11 -0.05) | oklch(84% 0.12 340) | color(display-p3 0.95 0.69 0.9) |
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.
#99044f
AAA - 8.45
#d4147a
AA - 5.02
#f449c3
AA - 3.18
#fa7ad7
AA - 2.37
#ffacea
AA - 1.7
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