Maroon Colors  ·  Color Library

Palettes / Colors / #FCE5CA

#FCE5CA — Pale Vivid Orange

#FCE5CA is a orange color we call Pale Vivid Orange, closest to the named color Bisque (#FFE4C4). It belongs to the orange family.

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

#FCE5CA · RGB 252, 229, 202

Download PNG swatch SVG

Color values

HEX#FCE5CA
RGB252, 229, 202
HSL32°, 89%, 89%
HSV32°, 20%, 99%
CMYK0%, 9%, 20%, 1%
XYZ78.82, 81.00, 67.36
Yxy81.00, 0.3470, 0.3565
CIE-Lab92.13, 3.68, 16.02
Hunter Lab90.00, 3.70, 14.25

RGB & CMYK percentages

Red 99% · Green 90% · Blue 79%

Cyan 0% · Magenta 9% · Yellow 20% · Key 1%

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

Previews

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

CSS code for #FCE5CA

.text { color: #FCE5CA; }
.background { background-color: #FCE5CA; }
.border { border: 3px solid #FCE5CA; }
.text-rgb { color: rgb(252, 229, 202); }
.text-hsl { color: hsl(32, 89%, 89%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #FCE5CA; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(252, 229, 202, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #FCE5CA; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(252, 229, 202, 0.8); }

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

Shades of #FCE5CA

#FAD1A3#F7BC78#F5A951#F29326#E37F0D#B7670B#915108#653906#3F2304#130B01

Tints of #FCE5CA

#FCE7CF#FCE7CF#FCE9D4#FDECD8#FDEEDD#FDEEDD#FDF1E2#FEF3E7#FEF3E7#FEF5EC

Tones of #FCE5CA

#F8E4CE#F5E4D1#F1E4D5#EEE4D8#EAE3DC#E7E3DF

Color harmonies

Complementary — #CAE1FC:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.22:1 Fails
Against black text17.20:1 AAA

Best text color on #FCE5CA: #000000.

How #FCE5CA looks with color blindness

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

Protanopia · #F2F2D1Deuteranopia · #F3F5D2Tritanopia · #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 #FCE5CA rather than the exact color:

Palette Fce7c8
#FCE7C8 · #B1C29E · #FADA7A · #F0A04B
Palette 59b292
#59B292 · #FFC94D · #FAE7CB · #FA6781
Palette Fff3e2
#FFF3E2 · #FFE5CA · #FA9884 · #E74646
Palette 706233
#706233 · #B0926A · #E1C78F · #FAE7C9
Palette Cdc733
#CDC733 · #966C3B · #D0AF84 · #FFE6CA
Palette 360982
#360982 · #B72A67 · #FF9797 · #FDE8CB

Similar colors

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

#FCE7C8#FAE7CB#FFE5CA#FAE7C9#FFE6CA#FDE8CB#FFE4C9#FFE6C9#FEE7C8#FFE3CA#F9E4C8#FFE7CC

Browse neighbouring colors

← #FCE5C9  ·  #FCE5CB →

Frequently asked questions

What color is #FCE5CA?

#FCE5CA is Pale Vivid Orange, a orange color (RGB 252, 229, 202). Its closest standard named color is Bisque.

What is the RGB and HSL of #FCE5CA?

#FCE5CA is RGB 252, 229, 202 — HSL 32°, 89%, 89% — CMYK 0%, 9%, 20%, 1%.

What colors go with #FCE5CA?

Its complement is #CAE1FC; analogous partners are #FCCCCA and #FAFCCA. It also appears in 6+ palettes in our collection.

Can I use #FCE5CA for text?

Black text on #FCE5CA has a contrast ratio of 17.20:1 (passes WCAG AA); white text gives 1.22:1.