#DD225A Color

#DD225A is rgb(221, 34, 90) in RGB and hsl(342, 73%, 50%) in HSL. The closest CSS named color is Crimson. White text is most readable on this background.

#DD225A

HEX#DD225A

RGBrgb(221, 34, 90)

HSLhsl(342, 73%, 50%)

HSVhsv(342, 85%, 87%)

OKLCHoklch(58.5% 0.217 11.4)

CMYKcmyk(0%, 85%, 59%, 13%)

Text Contrast & Accessibility

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

TextWhite text4.72:1AA normal ✓AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#DD225A Complementary#22DDA5 Analogous#DD22B7 Analogous#DD4822 Triadic#5ADD22 Triadic#225ADD

Tints & Shades

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

Tints

#E14171 #E66088 #EB7F9F #EF9AB3 #F4B8CA #F9D7E1

Shades

#BE1E4E #A31943 #841536 #6A112B #4B0C1F #310814

Use #DD225A in Our Tools

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