#FCD76C

Color Details

HEX
#FCD76C
RGB
rgb(252, 215, 108)
HSL
hsl(45, 96%, 71%)
CMYK
cmyk(0%, 15%, 57%, 1%)
Best text on this color #000000 (CR 15.08:1) Determined by WCAG contrast ratio

Readability Previews

Black on #fcd76c
Contrast 15.08:1 AAA
White on #fcd76c
Contrast 1.39:1 Fail
#fcd76c on Black
Contrast 15.08:1 AAA
#fcd76c on White
Contrast 1.39:1 Fail

Tints & Shades

#fddf89
#fde7a7
#feefc4
#caac56
#978141
#65562b

Complement & Analogous

#6e92fc
#d9fc6e
#fc926e

Triadic

#6efcd9
#d96efc

Monochrome

#65562b #978141 #fcd76c #fde7a7 #feefc4 #fef7e2

Analogous

#fc926e #fdb39a #fcd76c #e1fd8b #d9fc6e #aeca58

Complementary Mix

#978141 #fcd76c #fde7a7 #6e92fc #a1b8fd #485fa4

Nearby Colors

#fcd76b
#fcd76d
#fcd75c
#fcd77c

Embed #FCD76C swatch

Embed this swatch

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

Open image

About #FCD76C

#FCD76C converts to RGB(252, 215, 108) and HSL(45, 96%, 71%). 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).

#FCD76C FAQs

What is the RGB value of #FCD76C?
RGB: 252, 215, 108. Copy as CSS: rgb(252, 215, 108)
Is #FCD76C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #FCD76C?
Complement: #6e92fc.
Does #FCD76C have good contrast on white or black?
On white: 1.39:1 (Fails AA). On black: 15.08:1 (AAA (normal text)).