#FCF7CC

Color Details

HEX
#FCF7CC
RGB
rgb(252, 247, 204)
HSL
hsl(54, 89%, 89%)
CMYK
cmyk(0%, 2%, 19%, 1%)
Best text on this color #000000 (CR 19.32:1) Determined by WCAG contrast ratio

Readability Previews

Black on #fcf7cc
Contrast 19.32:1 AAA
White on #fcf7cc
Contrast 1.09:1 Fail
#fcf7cc on Black
Contrast 19.32:1 AAA
#fcf7cc on White
Contrast 1.09:1 Fail

Tints & Shades

#fdf9d6
#fdfae0
#fefceb
#cac6a3
#97947a
#656352

Complement & Analogous

#cacffc
#e8fcca
#fcdeca

Triadic

#cafcf7
#f7cafc

Monochrome

#656352 #97947a #fcf7cc #fdfae0 #fefceb #fefdf5

Analogous

#fcdeca #fde8da #fcf7cc #edfdd5 #e8fcca #bacaa2

Complementary Mix

#97947a #fcf7cc #fdfae0 #cacffc #dde0fd #8387a4

Nearby Colors

#fcf7cb
#fcf7cd
#fcf7bc
#fcf7dc

Embed #FCF7CC swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #FCF7CC

#FCF7CC converts to RGB(252, 247, 204) and HSL(54, 89%, 89%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#FCF7CC FAQs

What is the RGB value of #FCF7CC?
RGB: 252, 247, 204. Copy as CSS: rgb(252, 247, 204)
Is #FCF7CC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #FCF7CC?
Complement: #cacffc.
Does #FCF7CC have good contrast on white or black?
On white: 1.09:1 (Fails AA). On black: 19.32:1 (AAA (normal text)).