Maroon Colors  ·  Color Library

Palettes / Colors / #FCFFA3

#FCFFA3 — Pale Vivid Yellow

#FCFFA3 is a yellow color we call Pale Vivid Yellow, closest to the named color PaleGoldenRod (#EEE8AA). It belongs to the yellow family.

#FCFFA3 is a warm yellow color associated with optimism, attention and cheer. It is light enough to work as a background or base color, with darker text on top.

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

#FCFFA3 · RGB 252, 255, 163

Download PNG swatch SVG

Color values

HEX#FCFFA3
RGB252, 255, 163
HSL62°, 100%, 82%
HSV62°, 36%, 100%
CMYK1%, 0%, 36%, 0%
XYZ82.52, 94.86, 48.61
Yxy94.86, 0.3651, 0.4198
CIE-Lab97.98, -14.30, 43.65
Hunter Lab97.40, -14.24, 34.56

RGB & CMYK percentages

Red 99% · Green 100% · Blue 64%

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

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

Previews

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

CSS code for #FCFFA3

.text { color: #FCFFA3; }
.background { background-color: #FCFFA3; }
.border { border: 3px solid #FCFFA3; }
.text-rgb { color: rgb(252, 255, 163); }
.text-hsl { color: hsl(62, 100%, 82%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #FCFFA3; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(252, 255, 163, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #FCFFA3; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(252, 255, 163, 0.8); }

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

Shades of #FCFFA3

#FBFF7A#F9FF52#F8FF2E#F7FF05#D4DB00#ADB300#858A00#636600#3B3D00#141400

Tints of #FCFFA3

#FCFFA8#FCFFB3#FDFFB8#FDFFC2#FDFFC7#FDFFCC#FEFFD6#FEFFDB#FEFFE5#FEFFEB

Tones of #FCFFA3

#F6F9AA#F0F2B1#EAEBB7#E4E5BD#DEDEC4#D7D8CB

Color harmonies

Complementary — #A6A3FF:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.05:1 Fails
Against black text19.97:1 AAA

Best text color on #FCFFA3: #000000.

How #FCFFA3 looks with color blindness

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

Protanopia · #FDFDB9Deuteranopia · #FDFDBFTritanopia · #FCCBCF

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 Yellow 500 · #FFEB3BMaterial Lime 500 · #CDDC39

Palettes with a similar color

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

Palette 004182
#004182 · #118DF0 · #FBFFA3 · #FF4B68
Palette Fcffa6
#FCFFA6 · #C1FFD7 · #B5DEFF · #CAB8FF
Palette 00ff9c
#00FF9C · #B6FFA1 · #FEFFA7 · #FFE700
Palette 72bf78
#72BF78 · #A0D683 · #D3EE98 · #FEFF9F
Palette 153e90
#153E90 · #0E49B5 · #54E346 · #FFFAA4
Palette Ffea6c
#FFEA6C · #FFFBA7 · #FFA6FB · #FF61F8

Similar colors

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

#FBFFA3#FCFFA6#FEFFA7#FEFF9F#FFFAA4#FFFBA7#F6FFA6#FDFFAB#FFFC9B#FEFFAC#FFF6A1#F9FA9B

Browse neighbouring colors

← #FCFFA2  ·  #FCFFA4 →

Frequently asked questions

What color is #FCFFA3?

#FCFFA3 is Pale Vivid Yellow, a yellow color (RGB 252, 255, 163). Its closest standard named color is PaleGoldenRod.

What is the RGB and HSL of #FCFFA3?

#FCFFA3 is RGB 252, 255, 163 — HSL 62°, 100%, 82% — CMYK 1%, 0%, 36%, 0%.

What colors go with #FCFFA3?

Its complement is #A6A3FF; analogous partners are #FFD4A3 and #CEFFA3. It also appears in 6+ palettes in our collection.

Can I use #FCFFA3 for text?

Black text on #FCFFA3 has a contrast ratio of 19.97:1 (passes WCAG AA); white text gives 1.05:1.