47
Total shades
in database
2
Pass AA on white
4% of shades
0
Pass AAA on white
0% of shades
45
Pass AA on black
96% of shades
WCAG AA Score
Shades passing 4.5:1 on white
2 of 47 Pink shades achieve at least 4.5:1 contrast on white — the WCAG AA threshold for normal body text.
WCAG AAA Score
Shades passing 7:1 on white
0 of 47 Pink shades exceed 7:1 — the WCAG AAA threshold required for enhanced accessibility.
Recommended Text Colors
When using a Pink shade as a background, use these text colors for WCAG AA compliance.
White text works on:
Dark text works on:
Recommended Backgrounds
When using a Pink shade as text color, these backgrounds provide WCAG AA compliance.
Automated Accessibility Validation — All Pink Shades
| Color | Hex | On White | On Black | Best Use |
|---|---|---|---|---|
| Misty Rose | #FFE4E1 | WCAG Fail1.2:1 | WCAG AAA17.4:1 | Text on black |
| Piggy Pink | #FDDDE6 | WCAG Fail1.3:1 | WCAG AAA16.7:1 | Text on black |
| Pale Pink | #FADADD | WCAG Fail1.3:1 | WCAG AAA16.1:1 | Text on black |
| Pastel Pink | #FFD1DC | WCAG Fail1.4:1 | WCAG AAA15.4:1 | Text on black |
| Classic Rose | #FBCCE7 | WCAG Fail1.4:1 | WCAG AAA14.9:1 | Text on black |
| Queen Pink | #E8CCD7 | WCAG Fail1.5:1 | WCAG AAA14.1:1 | Text on black |
| Pink | #FFC0CB | WCAG Fail1.5:1 | WCAG AAA13.7:1 | Text on black |
| Baby Pink | #F4C2C2 | WCAG Fail1.6:1 | WCAG AAA13.3:1 | Text on black |
| Fairy Tale Pink | #F2C1D1 | WCAG Fail1.6:1 | WCAG AAA13.3:1 | Text on black |
| Cotton Candy | #FFB7D5 | WCAG Fail1.6:1 | WCAG AAA13.0:1 | Text on black |
| Orchid Pink | #F2BDCD | WCAG Fail1.6:1 | WCAG AAA12.9:1 | Text on black |
| Cherry Blossom | #FFB7C5 | WCAG Fail1.6:1 | WCAG AAA12.8:1 | Text on black |
| Light Pink | #FFB6C1 | WCAG Fail1.6:1 | WCAG AAA12.7:1 | Text on black |
| Nadeshiko Pink | #F6ADC6 | WCAG Fail1.8:1 | WCAG AAA11.7:1 | Text on black |
| Carnation Pink | #FFA6C9 | WCAG Fail1.8:1 | WCAG AAA11.6:1 | Text on black |
| Dusty Pink | #DCAE96 | WCAG Fail2.0:1 | WCAG AAA10.5:1 | Text on black |
| Amaranth Pink | #F19CBB | WCAG Fail2.1:1 | WCAG AAA10.2:1 | Text on black |
| Salmon Pink | #FF91A4 | WCAG Fail2.1:1 | WCAG AAA9.8:1 | Text on black |
| Flamingo | #FC8EAC | WCAG Fail2.2:1 | WCAG AAA9.6:1 | Text on black |
| Ultra Pink | #FF6FFF | WCAG Fail2.3:1 | WCAG AAA9.0:1 | Text on black |
| Persian Pink | #F77FBE | WCAG Fail2.4:1 | WCAG AAA8.7:1 | Text on black |
| Medium Pink | #F8799C | WCAG Fail2.6:1 | WCAG AAA8.2:1 | Text on black |
| Rose Pink | #FF66CC | WCAG Fail2.6:1 | WCAG AAA8.0:1 | Text on black |
| Hot Pink | #FF69B4 | WCAG Fail2.6:1 | WCAG AAA7.9:1 | Text on black |
| French Pink | #FD6C9E | WCAG Fail2.7:1 | WCAG AAA7.8:1 | Text on black |
| Rose Quartz | #AA98A9 | WCAG Fail2.7:1 | WCAG AAA7.8:1 | Text on black |
| Puce | #CC8899 | WCAG Fail2.8:1 | WCAG AAA7.5:1 | Text on black |
| New York Pink | #D7837F | WCAG Fail2.8:1 | WCAG AAA7.4:1 | Text on black |
| Peony | #FF56A9 | WCAG Fail2.9:1 | WCAG AAA7.2:1 | Text on black |
| Candy Pink | #E4717A | WCAG AA Large3.0:1 | WCAG AA6.9:1 | Text on black |
| Thulian Pink | #DE6FA1 | WCAG AA Large3.0:1 | WCAG AA6.9:1 | Text on black |
| Pale Violet Red | #DB7093 | WCAG AA Large3.1:1 | WCAG AA6.8:1 | Text on black |
| Fuchsia | #FF00FF | WCAG AA Large3.1:1 | WCAG AA6.7:1 | Text on black |
| Magenta | #FF00FF | WCAG AA Large3.1:1 | WCAG AA6.7:1 | Text on black |
| Sky Magenta | #CF71AF | WCAG AA Large3.2:1 | WCAG AA6.6:1 | Text on black |
| Neon Pink | #FF10F0 | WCAG AA Large3.2:1 | WCAG AA6.6:1 | Text on black |
| French Rose | #F64A8A | WCAG AA Large3.4:1 | WCAG AA6.3:1 | Text on black |
| Blush Pink | #DE5D83 | WCAG AA Large3.5:1 | WCAG AA6.0:1 | Text on black |
| Dark Pink | #E75480 | WCAG AA Large3.5:1 | WCAG AA6.0:1 | Text on black |
| Shocking Pink | #FC0FC0 | WCAG AA Large3.5:1 | WCAG AA6.0:1 | Text on black |
| Taffy Pink | #EF4778 | WCAG AA Large3.6:1 | WCAG AA5.8:1 | Text on black |
| Deep Pink | #FF1493 | WCAG AA Large3.6:1 | WCAG AA5.8:1 | Text on black |
| Mountbatten Pink | #997A8D | WCAG AA Large3.8:1 | WCAG AA5.5:1 | Text on black |
| Rose Gold | #B76E79 | WCAG AA Large3.8:1 | WCAG AA5.5:1 | Text on black |
| Paradise Pink | #E63E62 | WCAG AA Large4.0:1 | WCAG AA5.2:1 | Text on black |
| Medium Violet Red | #C71585 | WCAG AA5.4:1 | WCAG AA Large3.9:1 | Text on white |
| Dahlia | #B80064 | WCAG AA6.5:1 | WCAG AA Large3.2:1 | Text on white |
Accessibility Notes
- 1
Dark pinks (700–900) pass WCAG AA and often AAA on white — #9D174D achieves ~12:1.
- 2
Mid pinks (400–600) are borderline for AA on white; #DB2777 achieves approximately 5.8:1 — verify in context.
- 3
Light pinks (50–200) should not be used for normal-size text on white — contrast is too low.
- 4
Pink can be confused with red or orange by people with some forms of color vision deficiency. Use specific names in labels.
- 5
Rose tones darker than #9D174D are safe for all text use cases on light backgrounds.
Design Examples
TEXT ON WHITE BACKGROUND
Pink
This body text uses Medium Violet Red — contrast 5.42:1
Example link in Medium Violet RedBUTTON COMPONENT
Medium Violet Red — #C71585
CARD WITH PINK BACKGROUND
Card heading
A card component using Misty Rose as the background. Dark text ensures readability.
DARK BACKGROUND CARD
Card heading
Medium Violet Red background with white text — 5.4:1 contrast.
Design Tips
- ✓
Use #9D174D or #831843 for accessible pink text on white.
- ✓
#DB2777 passes WCAG AA on white and is widely used for accent buttons in beauty and lifestyle brands.
- ✓
Light pink (#FDF2F8) with dark pink text (#831843) creates a beautiful accessible combination for feminine brand UIs.