#FCF2BC

Color Details

HEX
#FCF2BC
RGB
rgb(252, 242, 188)
HSL
hsl(51, 91%, 86%)
CMYK
cmyk(0%, 4%, 25%, 1%)
Best text on this color #000000 (CR 18.57:1) Determined by WCAG contrast ratio

Readability Previews

Black on #fcf2bc
Contrast 18.57:1 AAA
White on #fcf2bc
Contrast 1.13:1 Fail
#fcf2bc on Black
Contrast 18.57:1 AAA
#fcf2bc on White
Contrast 1.13:1 Fail

Tints & Shades

#fdf5c9
#fdf7d7
#fefae4
#cac296
#979171
#65614b

Complement & Analogous

#bbc5fc
#e5fcbb
#fcd2bb

Triadic

#bbfcf2
#f2bbfc

Monochrome

#65614b #979171 #fcf2bc #fdf7d7 #fefae4 #fefcf2

Analogous

#fcd2bb #fde0cf #fcf2bc #eafdc9 #e5fcbb #b7ca96

Complementary Mix

#979171 #fcf2bc #fdf7d7 #bbc5fc #d3d9fd #7a80a4

Nearby Colors

#fcf2bb
#fcf2bd
#fcf2ac
#fcf2cc

Embed #FCF2BC swatch

Embed this swatch

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

Open image

About #FCF2BC

#FCF2BC converts to RGB(252, 242, 188) and HSL(51, 91%, 86%). 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).

#FCF2BC FAQs

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