#FDE87C

Color Details

HEX
#FDE87C
RGB
rgb(253, 232, 124)
HSL
hsl(50, 97%, 74%)
CMYK
cmyk(0%, 8%, 51%, 1%)
Best text on this color #000000 (CR 17.01:1) Determined by WCAG contrast ratio

Readability Previews

Black on #fde87c
Contrast 17.01:1 AAA
White on #fde87c
Contrast 1.23:1 Fail
#fde87c on Black
Contrast 17.01:1 AAA
#fde87c on White
Contrast 1.23:1 Fail

Tints & Shades

#fded96
#fef1b0
#fef6cb
#caba63
#988b4a
#655d32

Complement & Analogous

#7c92fd
#d2fd7c
#fda77c

Triadic

#7cfde8
#e87cfd

Monochrome

#655d32 #988b4a #fde87c #fef1b0 #fef6cb #fffae5

Analogous

#fda77c #fec1a3 #fde87c #dbfd96 #d2fd7c #a8ca63

Complementary Mix

#988b4a #fde87c #fef1b0 #7c92fd #aab8fe #515fa4

Nearby Colors

#fde87b
#fde87d
#fde86c
#fde88c

Embed #FDE87C swatch

Embed this swatch

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

Open image

About #FDE87C

#FDE87C converts to RGB(253, 232, 124) and HSL(50, 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).

#FDE87C FAQs

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