#99044f
#d4147a
#f449c3
#fa7ad7
#ffacea
Color Palette
Day
by Colorffy Team
About
Pink
Pink
Main Actions
#99044f
#d4147a
#f449c3
#fa7ad7
#ffacea
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 |
|---|---|---|---|---|---|---|---|
| | #99044f | rgb(60% 1.57% 31%) | hwb(330 1.6% 40%) | oklab(44.4% 0.177 0.001) | oklch(44.4% 0.177 0.266) | color(display-p3 0.549 0.111 0.307) | |
| | #d4147a | rgb(83.1% 7.84% 47.8%) | hwb(330 7.8% 17%) | oklab(57.2% 0.225 -0.012) | oklch(57.2% 0.225 357) | color(display-p3 0.763 0.185 0.472) | |
| | #f449c3 | rgb(95.7% 28.6% 76.5%) | hwb(320 29% 4.3%) | oklab(68.5% 0.226 -0.075) | oklch(68.5% 0.238 342) | color(display-p3 0.884 0.34 0.747) | |
| | #fa7ad7 | rgb(98% 47.8% 84.3%) | hwb(320 48% 2%) | oklab(75.6% 0.176 -0.068) | oklch(75.6% 0.189 339) | color(display-p3 0.917 0.506 0.826) | |
| | #ffacea | rgb(100% 67.5% 91.8%) | hwb(320 67% 0%) | oklab(84.3% 0.114 -0.05) | oklch(84.3% 0.124 336) | color(display-p3 0.953 0.689 0.904) |
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
#99044f
AAA - 8.45
Lc -92
#d4147a
AA - 5.02
Lc -78
#f449c3
Fail - 3.18
Lc -63
#fa7ad7
Fail - 2.37
Lc -51
#ffacea
Fail - 1.7
Lc -34
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