#FAC2E2
#FA87B1
#FA5672
#FAFFD6
#FDC2BE
Color Palette
Pig
by Colorffy Team
About
Pink
Pink
Main Actions
#FAC2E2
#FA87B1
#FA5672
#FAFFD6
#FDC2BE
Quick actions
Explore the palette in different formats, and quick actions.
Colors overview
Comprehensive color information and conversions.
| Color | HEX | RGB | HWB | OKLAB | OKLCH | P3 | Actions |
|---|---|---|---|---|---|---|---|
| | #fac2e2 | rgb(98% 76.1% 88.6%) | hwb(330 76% 2%) | oklab(87.3% 0.073 -0.021) | oklch(87.3% 0.076 344) | color(display-p3 0.946 0.769 0.88) | |
| | #fa87b1 | rgb(98% 52.9% 69.4%) | hwb(340 53% 2%) | oklab(76.1% 0.146 -0.005) | oklch(76.1% 0.146 358) | color(display-p3 0.921 0.553 0.69) | |
| | #fa5672 | rgb(98% 33.7% 44.7%) | hwb(350 34% 2%) | oklab(68.1% 0.193 0.049) | oklch(68.1% 0.199 14.2) | color(display-p3 0.908 0.384 0.457) | |
| | #faffd6 | rgb(98% 100% 83.9%) | hwb(67 84% 0%) | oklab(98.6% -0.021 0.049) | oklch(98.6% 0.053 113) | color(display-p3 0.984 0.999 0.855) | |
| | #fdc2be | rgb(99.2% 76.1% 74.5%) | hwb(3.8 75% 0.78%) | oklab(86.6% 0.063 0.027) | oklch(86.6% 0.068 23) | color(display-p3 0.956 0.77 0.751) |
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.
Contrast Checker Explanations
Live APCA (WCAG 3 draft) and WCAG 2.1 contrast calculations comparing selected text color against surface colors.
Body Pass
Lc ≥ 60 · ≥ 4.5:1
Large Pass
Lc ≥ 45 · ≥ 3.0:1
Fail
Below thresholds
#FAC2E2
Fail - 1.51
Lc -27
#FA87B1
Fail - 2.29
Lc -50
#FA5672
Fail - 3.16
Lc -63
#FAFFD6
Fail - 1.03
Lc 0
#FDC2BE
Fail - 1.53
Lc -28
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 palette in different UI components.
PWA Prompt