#B302CA Color

#B302CA is rgb(179, 2, 202) in RGB and hsl(293, 98%, 40%) in HSL. The closest CSS named color is DarkViolet. White text is most readable on this background.

#B302CA

HEX#B302CA

RGBrgb(179, 2, 202)

HSLhsl(293, 98%, 40%)

HSVhsv(293, 99%, 79%)

OKLCHoklch(55.4% 0.262 321.9)

CMYKcmyk(11%, 99%, 0%, 21%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#B302CA Complementary#19CA02 Analogous#4F02CA Analogous#CA027D Triadic#CAB302 Triadic#02CAB3

Tints & Shades

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

Tints

#D602F2 #E426FD #E94EFD #EE77FE #F39FFE #F9CDFE

Shades

#9C02B1 #860297 #70017E #550160 #3F0147 #28002D

Use #B302CA in Our Tools

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