#FAC2E2
#FA87B1
#FA5672
#FAFFD6
#FDC2BE
Pig
#FAC2E2
#FA87B1
#FA5672
#FAFFD6
#FDC2BE
Actions
Explore the palette in different formats, and actions.
Colors overview
Pink
Pink
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #fac2e2 | rgb(250, 194, 226) | hsl(330 85% 87%) | oklab(87% 0.07 -0.02) | oklch(87% 0.08 340) | color(display-p3 0.95 0.77 0.88) | |
| #fa87b1 | rgb(250, 135, 177) | hsl(340 92% 75%) | oklab(76% 0.15 -0.01) | oklch(76% 0.15 360) | color(display-p3 0.92 0.55 0.69) | |
| #fa5672 | rgb(250, 86, 114) | hsl(350 94% 66%) | oklab(68% 0.19 0.05) | oklch(68% 0.2 14) | color(display-p3 0.91 0.38 0.46) | |
| #faffd6 | rgb(250, 255, 214) | hsl(67 100% 92%) | oklab(99% -0.02 0.05) | oklch(99% 0.05 110) | color(display-p3 0.98 1 0.85) | |
| #fdc2be | rgb(253, 194, 190) | hsl(3.8 94% 87%) | oklab(87% 0.06 0.03) | oklch(87% 0.07 23) | color(display-p3 0.96 0.77 0.75) |
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.
#FAC2E2
AA - 1.51
#FA87B1
AA - 2.29
#FA5672
AA - 3.16
#FAFFD6
AA - 1.03
#FDC2BE
AA - 1.53
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