#FD986C

Color Details

HEX
#FD986C
RGB
rgb(253, 152, 108)
HSL
hsl(18, 97%, 71%)
CMYK
cmyk(0%, 40%, 57%, 1%)
Best text on this color #000000 (CR 9.88:1) Determined by WCAG contrast ratio

Readability Previews

Black on #fd986c
Contrast 9.88:1 AAA
White on #fd986c
Contrast 2.12:1 Fail
#fd986c on Black
Contrast 9.88:1 AAA
#fd986c on White
Contrast 2.12:1 Fail

Tints & Shades

#fdad89
#fec1a7
#fed6c4
#ca7a56
#985b41
#653d2b

Complement & Analogous

#6dd2fd
#fde06d
#fd6d8a

Triadic

#6dfd98
#986dfd

Monochrome

#653d2b #985b41 #fd986c #fec1a7 #fed6c4 #ffeae2

Analogous

#fd6d8a #fe99ad #fd986c #fde68a #fde06d #cab357

Complementary Mix

#985b41 #fd986c #fec1a7 #6dd2fd #a0e2fe #4789a4

Nearby Colors

#fd986b
#fd986d
#fd985c
#fd987c

Embed #FD986C swatch

Embed this swatch

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

Open image

About #FD986C

#FD986C converts to RGB(253, 152, 108) and HSL(18, 97%, 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).

#FD986C FAQs

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