Maroon Colors  ·  Color Library

Palettes / Colors / #FDAAE0

#FDAAE0 — Pale Vivid Pink

#FDAAE0 is a pink color we call Pale Vivid Pink, closest to the named color Pink (#FFC0CB). It belongs to the pink family.

#FDAAE0 is a warm-leaning pink color associated with playfulness, romance and softness. It is light enough to work as a background or base color, with darker text on top.

Its strongest partner is its complement #AAFDC7; it also sits naturally between #F0AAFD and #FDAAB7. In the palettes below you can see it working alongside real color combinations from our collection.

#FDAAE0 · RGB 253, 170, 224

Download PNG swatch SVG

Color values

HEX#FDAAE0
RGB253, 170, 224
HSL321°, 95%, 83%
HSV321°, 33%, 99%
CMYK0%, 33%, 11%, 1%
XYZ68.34, 55.01, 77.54
Yxy55.01, 0.3402, 0.2739
CIE-Lab79.05, 38.23, -14.72
Hunter Lab74.17, 39.24, -14.64

RGB & CMYK percentages

Red 99% · Green 67% · Blue 88%

Cyan 0% · Magenta 33% · Yellow 11% · Key 1%

CMYK values are unprofiled approximations for screen reference — not a print-proofing guarantee.

Previews

Sample text in #FDAAE0 on black
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sample text in #FDAAE0 on white
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

CSS code for #FDAAE0

.text { color: #FDAAE0; }
.background { background-color: #FDAAE0; }
.border { border: 3px solid #FDAAE0; }
.text-rgb { color: rgb(253, 170, 224); }
.text-hsl { color: hsl(321, 95%, 83%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #FDAAE0; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(253, 170, 224, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #FDAAE0; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(253, 170, 224, 0.8); }

HTML: <p style="color:#FDAAE0">Text here</p> · <div style="background-color:#FDAAE0">Div content here</div>

Shades of #FDAAE0

#FC83D1#FB5BC3#FA33B4#F90BA6#DB0690#B30576#8B045C#630342#3C0227#14010D

Tints of #FDAAE0

#FDAFE2#FDB9E5#FDBEE7#FDC3E9#FECDED#FED2EF#FED7F0#FEDCF2#FEE6F6#FEEBF8

Tones of #FDAAE0

#F7B1DE#F1B6DC#EBBCDB#E5C2D9#DFC8D7#DACED5

Color harmonies

Complementary — #AAFDC7:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.75:1 Fails
Against black text12.00:1 AAA

Best text color on #FDAAE0: #000000.

How #FDAAE0 looks with color blindness

Simulated with standard Machado color-vision-deficiency matrices — useful when this color carries meaning in charts, maps or interfaces:

Protanopia · #D9D8D3Deuteranopia · #DEE4D0Tritanopia · #F9C9C6

Closest design-system colors

The nearest matches in the Tailwind CSS, Material Design and Bootstrap palettes — handy when you need a framework class instead of a raw hex:

Bootstrap light · #F8F9FATailwind fuchsia 500 · #D946EFMaterial Grey 500 · #9E9E9E

Palettes with a similar color

These palettes use a close neighbour of #FDAAE0 rather than the exact color:

Palette 937dc2
#937DC2 · #C689C6 · #FFABE1 · #FFE6F7
Palette Ffe6e6
#FFE6E6 · #FFABE1 · #A685E2 · #6155A6
Palette 6420aa
#6420AA · #FF3EA5 · #FF7ED4 · #FFB5DA
Palette F9b2d7
#F9B2D7 · #CFECF3 · #DAF9DE · #F6FFDC
Palette 7effdb
#7EFFDB · #B693FE · #8C82FC · #FF9DE2
Palette 45ffca
#45FFCA · #FEFFAC · #FFB6D9 · #D67BFF

Similar colors

The closest colors that actually appear in our palette collection — click any to open its page:

#FFABE1#FFB5DA#F9B2D7#FF9DE2#FFB6D9#FFB8E0#FFADEE#F5B3EA#F2A4EA#FDB7EA#FFBBE1#F1A4D5

Browse neighbouring colors

← #FDAADF  ·  #FDAAE1 →

Frequently asked questions

What color is #FDAAE0?

#FDAAE0 is Pale Vivid Pink, a pink color (RGB 253, 170, 224). Its closest standard named color is Pink.

What is the RGB and HSL of #FDAAE0?

#FDAAE0 is RGB 253, 170, 224 — HSL 321°, 95%, 83% — CMYK 0%, 33%, 11%, 1%.

What colors go with #FDAAE0?

Its complement is #AAFDC7; analogous partners are #F0AAFD and #FDAAB7. It also appears in 6+ palettes in our collection.

Can I use #FDAAE0 for text?

Black text on #FDAAE0 has a contrast ratio of 12.00:1 (passes WCAG AA); white text gives 1.75:1.