#D501B9 Color

#D501B9 is rgb(213, 1, 185) in RGB and hsl(308, 99%, 42%) in HSL. The closest CSS named color is MediumVioletRed. White text is most readable on this background.

#D501B9

HEX#D501B9

RGBrgb(213, 1, 185)

HSLhsl(308, 99%, 42%)

HSVhsv(308, 100%, 84%)

OKLCHoklch(59.7% 0.264 335.9)

CMYKcmyk(0%, 100%, 13%, 16%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#D501B9 Complementary#01D51D Analogous#8701D5 Analogous#D5014F Triadic#B9D501 Triadic#01B9D5

Tints & Shades

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

Tints

#FE01DC #FE2AE2 #FE52E7 #FE7BED #FFA4F2 #FFCCF8

Shades

#BC01A3 #9D0188 #840172 #650158 #4C0042 #2E0028

Use #D501B9 in Our Tools

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