#D03325 Color

#D03325 is rgb(208, 51, 37) in RGB and hsl(5, 70%, 48%) in HSL. The closest CSS named color is FireBrick. White text is most readable on this background.

#D03325

HEX#D03325

RGBrgb(208, 51, 37)

HSLhsl(5, 70%, 48%)

HSVhsv(5, 82%, 82%)

OKLCHoklch(56.5% 0.196 29.6)

CMYKcmyk(0%, 75%, 82%, 18%)

Text Contrast & Accessibility

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

TextWhite text5.02:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text4.18:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#D03325 Complementary#25C2D0 Analogous#D0256C Analogous#D08925 Triadic#25D033 Triadic#3325D0

Tints & Shades

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

Tints

#DD493C #E2665A #E78279 #EDA29B #F3BEBA #F8DBD8

Shades

#B62D20 #98251B #7E1F16 #641812 #4A120D #2B0B08

Use #D03325 in Our Tools

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