#FCDD3C

Color Details

HEX
#FCDD3C
RGB
rgb(252, 221, 60)
HSL
hsl(50, 97%, 61%)
CMYK
cmyk(0%, 12%, 76%, 1%)
Best text on this color #000000 (CR 15.55:1) Determined by WCAG contrast ratio

Readability Previews

Black on #fcdd3c
Contrast 15.55:1 AAA
White on #fcdd3c
Contrast 1.35:1 Fail
#fcdd3c on Black
Contrast 15.55:1 AAA
#fcdd3c on White
Contrast 1.35:1 Fail

Tints & Shades

#fde463
#fdeb8a
#fef1b1
#cab130
#978524
#655818

Complement & Analogous

#3b5bfc
#bcfc3b
#fc7b3b

Triadic

#3bfcdc
#dc3bfc

Monochrome

#655818 #978524 #fcdd3c #fdeb8a #fef1b1 #fef8d8

Analogous

#fc7b3b #fda376 #fcdd3c #c9fd62 #bcfc3b #96ca2f

Complementary Mix

#978524 #fcdd3c #fdeb8a #3b5bfc #8094fd #263ba4

Nearby Colors

#fcdd3b
#fcdd3d
#fcdd2c
#fcdd4c

Embed #FCDD3C swatch

Embed this swatch

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

Open image

About #FCDD3C

#FCDD3C converts to RGB(252, 221, 60) and HSL(50, 97%, 61%). 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).

#FCDD3C FAQs

What is the RGB value of #FCDD3C?
RGB: 252, 221, 60. Copy as CSS: rgb(252, 221, 60)
Is #FCDD3C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #FCDD3C?
Complement: #3b5bfc.
Does #FCDD3C have good contrast on white or black?
On white: 1.35:1 (Fails AA). On black: 15.55:1 (AAA (normal text)).