#D30DC2 Color

#D30DC2 is rgb(211, 13, 194) in RGB and hsl(305, 88%, 44%) in HSL. The closest CSS named color is MediumVioletRed. Black text is most readable on this background.

#D30DC2

HEX#D30DC2

RGBrgb(211, 13, 194)

HSLhsl(305, 88%, 44%)

HSVhsv(305, 94%, 83%)

OKLCHoklch(60.1% 0.265 332.9)

CMYKcmyk(0%, 94%, 8%, 17%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#D30DC2 Complementary#0DD31E Analogous#810DD3 Analogous#D30D60 Triadic#C2D30D Triadic#0DC2D3

Tints & Shades

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

Tints

#F019DE #F23AE3 #F561E9 #F787EE #FAAEF3 #FCCFF8

Shades

#B60CA8 #9E0A92 #810877 #65065D #480542 #30032C

Use #D30DC2 in Our Tools

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