Maroon Colors  ·  Color Library

Palettes / Colors / #FCE8FA

#FCE8FA — Pale Pink

#FCE8FA is a pink color we call Pale Pink, closest to the named color LavenderBlush (#FFF0F5). It belongs to the pink family.

#FCE8FA 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 #E8FCEA; it also sits naturally between #F4E8FC and #FCE8F0. In the palettes below you can see it working alongside real color combinations from our collection.

#FCE8FA · RGB 252, 232, 250

Download PNG swatch SVG

Color values

HEX#FCE8FA
RGB252, 232, 250
HSL306°, 77%, 95%
HSV306°, 8%, 99%
CMYK0%, 8%, 1%, 1%
XYZ86.26, 85.31, 102.36
Yxy85.31, 0.3149, 0.3114
CIE-Lab94.02, 9.87, -6.24
Hunter Lab92.36, 10.15, -6.32

RGB & CMYK percentages

Red 99% · Green 91% · Blue 98%

Cyan 0% · Magenta 8% · Yellow 1% · Key 1%

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

Previews

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

CSS code for #FCE8FA

.text { color: #FCE8FA; }
.background { background-color: #FCE8FA; }
.border { border: 3px solid #FCE8FA; }
.text-rgb { color: rgb(252, 232, 250); }
.text-hsl { color: hsl(306, 77%, 95%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #FCE8FA; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(252, 232, 250, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #FCE8FA; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(252, 232, 250, 0.8); }

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

Shades of #FCE8FA

#F7C0F1#F297E8#EC6FE0#E746D7#E21DCE#B517A5#8C1280#630D5B#3B0836#120210

Tints of #FCE8FA

#FCE8FA#FCE8FA#FCE8FA#FCE8FA#FDEDFB#FDEDFB#FDEDFB#FDEDFB#FDEDFB#FDEDFB

Tones of #FCE8FA

#FBEAF9#F9EBF8#F8EDF7#F6EEF6#F5EFF4#F4F1F3

Color harmonies

Complementary — #E8FCEA:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.16:1 Fails
Against black text18.06:1 AAA

Best text color on #FCE8FA: #000000.

How #FCE8FA looks with color blindness

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

Protanopia · #F3F3F6Deuteranopia · #F5F6F5Tritanopia · #FBF2F1

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 · #F8F9FAMaterial Grey 500 · #9E9E9ETailwind fuchsia 500 · #D946EF

Palettes with a similar color

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

Palette 937dc2
#937DC2 · #C689C6 · #FFABE1 · #FFE6F7
Palette Fcd8cd
#FCD8CD · #FEEBF6 · #EBD6FB · #687FE5
Palette F5f5f5
#F5F5F5 · #F8E7F6 · #DD88CF · #4B164C
Palette Ffedfa
#FFEDFA · #FFB8E0 · #EC7FA9 · #BE5985
Palette Ffedfa
#FFEDFA · #E195AB · #DE3163 · #CCDF92
Palette F7e8f6
#F7E8F6 · #F1C6E7 · #E5B0EA · #BD83CE

Similar colors

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

#FFE6F7#FEEBF6#F8E7F6#FFEDFA#F7E8F6#FFE3FE#FAE7F3#FFEDFF#FCEEF5#F8EDFF#F6E5F5#FFE2FF

Browse neighbouring colors

← #FCE8F9  ·  #FCE8FB →

Frequently asked questions

What color is #FCE8FA?

#FCE8FA is Pale Pink, a pink color (RGB 252, 232, 250). Its closest standard named color is LavenderBlush.

What is the RGB and HSL of #FCE8FA?

#FCE8FA is RGB 252, 232, 250 — HSL 306°, 77%, 95% — CMYK 0%, 8%, 1%, 1%.

What colors go with #FCE8FA?

Its complement is #E8FCEA; analogous partners are #F4E8FC and #FCE8F0. It also appears in 6+ palettes in our collection.

Can I use #FCE8FA for text?

Black text on #FCE8FA has a contrast ratio of 18.06:1 (passes WCAG AA); white text gives 1.16:1.