#FC36F5 Color

#FC36F5 is rgb(252, 54, 245) in RGB and hsl(302, 97%, 60%) in HSL. The closest CSS named color is Fuchsia. Black text is most readable on this background.

#FC36F5

HEX#FC36F5

RGBrgb(252, 54, 245)

HSLhsl(302, 97%, 60%)

HSVhsv(302, 79%, 99%)

OKLCHoklch(70.8% 0.293 329.8)

CMYKcmyk(0%, 79%, 3%, 1%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #FC36F5 background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text3.01:1AA normal ✗AA large ✓AAA normal ✗

TextBlack text6.99:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

Colors that pair well with #FC36F5 based on color wheel relationships. Click any swatch for its full breakdown.

Base#FC36F5 Complementary#36FC3D Analogous#A036FC Analogous#FC3692 Triadic#F5FC36 Triadic#36F5FC

Tints & Shades

Lighter tints and darker shades of #FC36F5, useful for hover states, backgrounds, and text variants.

Tints

#FC4FF7 #FD6DF8 #FD86F9 #FEA5FB #FEBEFC #FEDCFD

Shades

#FB0EF3 #DD03D6 #B503AF #8D0288 #640261 #3C013A

Use #FC36F5 in Our Tools

Hex to RGB Hex to HSL Hex to CMYK Hex to Pantone RGBA to Hex