#FC977D

Color Details

HEX
#FC977D
RGB
rgb(252, 151, 125)
HSL
hsl(12, 95%, 74%)
CMYK
cmyk(0%, 40%, 50%, 1%)
Best text on this color #000000 (CR 9.86:1) Determined by WCAG contrast ratio

Readability Previews

Black on #fc977d
Contrast 9.86:1 AAA
White on #fc977d
Contrast 2.13:1 Fail
#fc977d on Black
Contrast 9.86:1 AAA
#fc977d on White
Contrast 2.13:1 Fail

Tints & Shades

#fdac97
#fdc1b1
#fed5cb
#ca7964
#975b4b
#653c32

Complement & Analogous

#7ee2fc
#fcd67e
#fc7ea4

Triadic

#7efc97
#977efc

Monochrome

#653c32 #975b4b #fc977d #fdc1b1 #fed5cb #feeae5

Analogous

#fc7ea4 #fda5bf #fc977d #fdde98 #fcd67e #caab65

Complementary Mix

#975b4b #fc977d #fdc1b1 #7ee2fc #abecfd #5293a4

Nearby Colors

#fc977c
#fc977e
#fc976d
#fc978d

Embed #FC977D swatch

Embed this swatch

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

Open image

About #FC977D

#FC977D converts to RGB(252, 151, 125) and HSL(12, 95%, 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).

#FC977D FAQs

What is the RGB value of #FC977D?
RGB: 252, 151, 125. Copy as CSS: rgb(252, 151, 125)
Is #FC977D a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #FC977D?
Complement: #7ee2fc.
Does #FC977D have good contrast on white or black?
On white: 2.13:1 (Fails AA). On black: 9.86:1 (AAA (normal text)).