#B505CC Color

#B505CC is rgb(181, 5, 204) in RGB and hsl(293, 95%, 41%) in HSL. The closest CSS named color is DarkViolet. White text is most readable on this background.

#B505CC

HEX#B505CC

RGBrgb(181, 5, 204)

HSLhsl(293, 95%, 41%)

HSVhsv(293, 98%, 80%)

OKLCHoklch(55.9% 0.263 321.9)

CMYKcmyk(11%, 98%, 0%, 20%)

Text Contrast & Accessibility

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

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

TextBlack text3.86:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#B505CC Complementary#1CCC05 Analogous#5105CC Analogous#CC0580 Triadic#CCB505 Triadic#05CCB5

Tints & Shades

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

Tints

#D806F4 #E129FA #E751FB #ED7EFC #F3A5FD #F8CDFE

Shades

#9F05B3 #840495 #6E037C #580363 #42024B #28012D

Use #B505CC in Our Tools

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