#FC5F54 Color

#FC5F54 is rgb(252, 95, 84) in RGB and hsl(4, 97%, 66%) in HSL. The closest CSS named color is Tomato. Black text is most readable on this background.

#FC5F54

HEX#FC5F54

RGBrgb(252, 95, 84)

HSLhsl(4, 97%, 66%)

HSVhsv(4, 67%, 99%)

OKLCHoklch(68.9% 0.194 27.3)

CMYKcmyk(0%, 62%, 67%, 1%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#FC5F54 Complementary#54F1FC Analogous#FC549D Analogous#FCB454 Triadic#54FC5F Triadic#5F54FC

Tints & Shades

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

Tints

#FD776D #FD8A81 #FDA19B #FEB4AF #FECBC8 #FEDEDC

Shades

#FC3527 #F11404 #C41003 #9C0D02 #6F0902 #410501

Use #FC5F54 in Our Tools

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