#FC5F6C

Color Details

HEX
#FC5F6C
RGB
rgb(252, 95, 108)
HSL
hsl(355, 96%, 68%)
CMYK
cmyk(0%, 62%, 57%, 1%)
Best text on this color #000000 (CR 6.99:1) Determined by WCAG contrast ratio

Readability Previews

Black on #fc5f6c
Contrast 6.99:1 AA
White on #fc5f6c
Contrast 3.00:1 Fail
#fc5f6c on Black
Contrast 6.99:1 AA
#fc5f6c on White
Contrast 3.00:1 Fail

Tints & Shades

#fd7f89
#fd9fa7
#febfc4
#ca4c56
#973941
#65262b

Complement & Analogous

#5ffcef
#fca05f
#fc5fba

Triadic

#6cfc5f
#5f6cfc

Monochrome

#65262b #973941 #fc5f6c #fd9fa7 #febfc4 #fedfe2

Analogous

#fc5fba #fd8fcf #fc5f6c #fdb37f #fca05f #ca804c

Complementary Mix

#973941 #fc5f6c #fd9fa7 #5ffcef #97fdf5 #3ea49b

Nearby Colors

#fc5f6b
#fc5f6d
#fc5f5c
#fc5f7c

Embed #FC5F6C swatch

Embed this swatch

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

Open image

About #FC5F6C

#FC5F6C converts to RGB(252, 95, 108) and HSL(355, 96%, 68%). 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).

#FC5F6C FAQs

What is the RGB value of #FC5F6C?
RGB: 252, 95, 108. Copy as CSS: rgb(252, 95, 108)
Is #FC5F6C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #FC5F6C?
Complement: #5ffcef.
Does #FC5F6C have good contrast on white or black?
On white: 3.00:1 (AA (large text)). On black: 6.99:1 (AA (normal text)).