#FDD87C

Color Details

HEX
#FDD87C
RGB
rgb(253, 216, 124)
HSL
hsl(43, 97%, 74%)
CMYK
cmyk(0%, 15%, 51%, 1%)
Best text on this color #000000 (CR 15.29:1) Determined by WCAG contrast ratio

Readability Previews

Black on #fdd87c
Contrast 15.29:1 AAA
White on #fdd87c
Contrast 1.37:1 Fail
#fdd87c on Black
Contrast 15.29:1 AAA
#fdd87c on White
Contrast 1.37:1 Fail

Tints & Shades

#fde096
#fee8b0
#feefcb
#caad63
#98824a
#655632

Complement & Analogous

#7ca1fd
#e1fd7c
#fd987c

Triadic

#7cfdd9
#d97cfd

Monochrome

#655632 #98824a #fdd87c #fee8b0 #feefcb #fff7e5

Analogous

#fd987c #feb7a3 #fdd87c #e7fd96 #e1fd7c #b4ca63

Complementary Mix

#98824a #fdd87c #fee8b0 #7ca1fd #aac2fe #5169a4

Nearby Colors

#fdd87b
#fdd87d
#fdd86c
#fdd88c

Embed #FDD87C swatch

Embed this swatch

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

Open image

About #FDD87C

#FDD87C converts to RGB(253, 216, 124) and HSL(43, 97%, 74%). 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).

#FDD87C FAQs

What is the RGB value of #FDD87C?
RGB: 253, 216, 124. Copy as CSS: rgb(253, 216, 124)
Is #FDD87C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #FDD87C?
Complement: #7ca1fd.
Does #FDD87C have good contrast on white or black?
On white: 1.37:1 (Fails AA). On black: 15.29:1 (AAA (normal text)).