#FC5AFC

Color Details

HEX
#FC5AFC
RGB
rgb(252, 90, 252)
HSL
hsl(300, 96%, 67%)
CMYK
cmyk(0%, 64%, 0%, 1%)
Best text on this color #000000 (CR 8.01:1) Determined by WCAG contrast ratio

Readability Previews

Black on #fc5afc
Contrast 8.01:1 AAA
White on #fc5afc
Contrast 2.62:1 Fail
#fc5afc on Black
Contrast 8.01:1 AAA
#fc5afc on White
Contrast 2.62:1 Fail

Tints & Shades

#fd7bfd
#fd9cfd
#febdfe
#ca48ca
#973697
#652465

Complement & Analogous

#5afc5a
#fc5aab
#ab5afc

Triadic

#fcfc5a
#5afcfc

Monochrome

#652465 #973697 #fc5afc #fd9cfd #febdfe #fedefe

Analogous

#ab5afc #c48cfd #fc5afc #fd7bbc #fc5aab #ca4889

Complementary Mix

#973697 #fc5afc #fd9cfd #5afc5a #94fd94 #3ba43b

Nearby Colors

#fc5afb
#fc5afd
#fc5aec
#fc5b0c

Embed #FC5AFC swatch

Embed this swatch

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

Open image

About #FC5AFC

#FC5AFC converts to RGB(252, 90, 252) and HSL(300, 96%, 67%). 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).

#FC5AFC FAQs

What is the RGB value of #FC5AFC?
RGB: 252, 90, 252. Copy as CSS: rgb(252, 90, 252)
Is #FC5AFC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #FC5AFC?
Complement: #5afc5a.
Does #FC5AFC have good contrast on white or black?
On white: 2.62:1 (Fails AA). On black: 8.01:1 (AAA (normal text)).