#FD303E Color

#FD303E is rgb(253, 48, 62) in RGB and hsl(356, 98%, 59%) in HSL. The closest CSS named color is Crimson. Black text is most readable on this background.

#FD303E

HEX#FD303E

RGBrgb(253, 48, 62)

HSLhsl(356, 98%, 59%)

HSVhsv(356, 81%, 99%)

OKLCHoklch(64.5% 0.236 24.2)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#FD303E Complementary#30FDEF Analogous#FD30A4 Analogous#FD8930 Triadic#3EFD30 Triadic#303EFD

Tints & Shades

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

Tints

#FD4E5A #FD6872 #FE868E #FE9FA5 #FEBDC2 #FFD7D9

Shades

#FD0818 #D90211 #B1020D #8D010B #650108 #3D0105

Use #FD303E in Our Tools

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