#FD353F Color

#FD353F is rgb(253, 53, 63) in RGB and hsl(357, 98%, 60%) in HSL. The closest CSS named color is Tomato. Black text is most readable on this background.

#FD353F

HEX#FD353F

RGBrgb(253, 53, 63)

HSLhsl(357, 98%, 60%)

HSVhsv(357, 79%, 99%)

OKLCHoklch(64.8% 0.233 24.6)

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

Text Contrast & Accessibility

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

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

TextBlack text5.76:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#FD353F Complementary#35FDF3 Analogous#FD35A3 Analogous#FD8F35 Triadic#3FFD35 Triadic#353FFD

Tints & Shades

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

Tints

#FD4E57 #FE6D74 #FE868C #FEA4A9 #FEBDC1 #FFDCDD

Shades

#FD0D19 #DE020D #B6020B #8D0108 #650106 #3D0104

Use #FD353F in Our Tools

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