#B30EDD Color

#B30EDD is rgb(179, 14, 221) in RGB and hsl(288, 88%, 46%) in HSL. The closest CSS named color is DarkViolet. White text is most readable on this background.

#B30EDD

HEX#B30EDD

RGBrgb(179, 14, 221)

HSLhsl(288, 88%, 46%)

HSVhsv(288, 94%, 87%)

OKLCHoklch(57% 0.272 317)

CMYKcmyk(19%, 94%, 0%, 13%)

Text Contrast & Accessibility

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

TextWhite text5.22:1AA normal ✓AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#B30EDD Complementary#37DD0E Analogous#4C0EDD Analogous#DD0E9F Triadic#DDB30E Triadic#0EDDB3

Tints & Shades

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

Tints

#C61EF1 #D044F3 #D866F5 #E28CF8 #EBAEFA #F4D4FC

Shades

#9C0CC0 #840AA3 #6D0986 #560769 #3E054D #270330

Use #B30EDD in Our Tools

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