Maroon Colors  ·  Color Library

Palettes / Colors / #FCE0CF

#FCE0CF — Pale Vivid Orange

#FCE0CF is a orange color we call Pale Vivid Orange, closest to the named color BlanchedAlmond (#FFEBCD). It belongs to the orange family.

#FCE0CF is a warm orange color associated with warmth, appetite and friendliness. It is light enough to work as a background or base color, with darker text on top.

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

#FCE0CF · RGB 252, 224, 207

Download PNG swatch SVG

Color values

HEX#FCE0CF
RGB252, 224, 207
HSL23°, 88%, 90%
HSV23°, 18%, 99%
CMYK0%, 11%, 18%, 1%
XYZ78.06, 78.51, 70.07
Yxy78.51, 0.3444, 0.3464
CIE-Lab91.01, 6.98, 11.83
Hunter Lab88.61, 7.04, 10.71

RGB & CMYK percentages

Red 99% · Green 88% · Blue 81%

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

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

Previews

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

CSS code for #FCE0CF

.text { color: #FCE0CF; }
.background { background-color: #FCE0CF; }
.border { border: 3px solid #FCE0CF; }
.text-rgb { color: rgb(252, 224, 207); }
.text-hsl { color: hsl(23, 88%, 90%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #FCE0CF; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(252, 224, 207, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #FCE0CF; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(252, 224, 207, 0.8); }

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

Shades of #FCE0CF

#F9C5A4#F7AC7E#F49052#F2782C#E15F0E#B64D0C#903D09#652B06#3E1A04#130801

Tints of #FCE0CF

#FCE3D4#FCE3D4#FDE6D9#FDE6D9#FDE9DD#FDEDE2#FDEDE2#FDF0E7#FDF0E7#FEF3EC

Tones of #FCE0CF

#F9E1D2#F6E2D5#F2E3D9#EFE3DC#ECE4DF#E9E5E2

Color harmonies

Complementary — #CFEBFC:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.26:1 Fails
Against black text16.70:1 AAA

Best text color on #FCE0CF: #000000.

How #FCE0CF looks with color blindness

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

Protanopia · #F0F0D3Deuteranopia · #F2F4D4Tritanopia · #FBD6D7

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 · #9E9E9EMaterial Yellow 500 · #FFEB3B

Palettes with a similar color

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

Palette Cffffe
#CFFFFE · #F9F7D9 · #FCE2CE · #FFC1F3
Palette Fcd8d4
#FCD8D4 · #FDF6F0 · #F8E2CF · #F5C6AA
Palette E72929
#E72929 · #FF5BAE · #FFE4CF · #FFFDD7
Palette Ffdfd3
#FFDFD3 · #FEC8D8 · #D291BC · #957DAD
Palette Ffeecc
#FFEECC · #FFDDCC · #FFCCCC · #FEBBCC
Palette Ffb9b9
#FFB9B9 · #FFDDD2 · #FFACC7 · #FF8DC7

Similar colors

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

#FCE2CE#F8E2CF#FFE4CF#FFDFD3#FFDDCC#FFDDD2#F7DED0#FFE5CF#FFDCCC#F8DFD4#FFE3CA#F9E6CF

Browse neighbouring colors

← #FCE0CE  ·  #FCE0D0 →

Frequently asked questions

What color is #FCE0CF?

#FCE0CF is Pale Vivid Orange, a orange color (RGB 252, 224, 207). Its closest standard named color is BlanchedAlmond.

What is the RGB and HSL of #FCE0CF?

#FCE0CF is RGB 252, 224, 207 — HSL 23°, 88%, 90% — CMYK 0%, 11%, 18%, 1%.

What colors go with #FCE0CF?

Its complement is #CFEBFC; analogous partners are #FCCFD4 and #FCF7CF. It also appears in 6+ palettes in our collection.

Can I use #FCE0CF for text?

Black text on #FCE0CF has a contrast ratio of 16.70:1 (passes WCAG AA); white text gives 1.26:1.