#D402B5 Color

#D402B5 is rgb(212, 2, 181) in RGB and hsl(309, 98%, 42%) in HSL. The closest CSS named color is MediumVioletRed. White text is most readable on this background.

#D402B5

HEX#D402B5

RGBrgb(212, 2, 181)

HSLhsl(309, 98%, 42%)

HSVhsv(309, 99%, 83%)

OKLCHoklch(59.3% 0.261 336.8)

CMYKcmyk(0%, 99%, 15%, 17%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#D402B5 Complementary#02D422 Analogous#8B02D4 Analogous#D4024C Triadic#B5D402 Triadic#02B5D4

Tints & Shades

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

Tints

#FC03D7 #FD2BDD #FD53E4 #FE7CEA #FEA4F1 #FECDF7

Shades

#BB029F #9D0285 #830170 #650156 #4C0140 #2D0027

Use #D402B5 in Our Tools

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