#D53074 Color

#D53074 is rgb(213, 48, 116) in RGB and hsl(335, 66%, 51%) in HSL. The closest CSS named color is MediumVioletRed. White text is most readable on this background.

#D53074

HEX#D53074

RGBrgb(213, 48, 116)

HSLhsl(335, 66%, 51%)

HSVhsv(335, 77%, 84%)

OKLCHoklch(58.6% 0.205 1.4)

CMYKcmyk(0%, 77%, 46%, 16%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#D53074 Complementary#30D590 Analogous#D530C7 Analogous#D53D30 Triadic#74D530 Triadic#3074D5

Tints & Shades

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

Tints

#DB4D88 #E06799 #E684AD #ECA2C1 #F2C0D5 #F7D9E6

Shades

#BA2664 #A12156 #831B46 #661536 #480F27 #2F0A19

Use #D53074 in Our Tools

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