#B215D5 Color

#B215D5 is rgb(178, 21, 213) in RGB and hsl(289, 82%, 46%) in HSL. The closest CSS named color is DarkViolet. White text is most readable on this background.

#B215D5

HEX#B215D5

RGBrgb(178, 21, 213)

HSLhsl(289, 82%, 46%)

HSVhsv(289, 90%, 84%)

OKLCHoklch(56.5% 0.264 318.6)

CMYKcmyk(16%, 90%, 0%, 16%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#B215D5 Complementary#38D515 Analogous#5215D5 Analogous#D51599 Triadic#D5B215 Triadic#15D5B2

Tints & Shades

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

Tints

#C525E9 #CF4AED #D86AF0 #E290F4 #EAB0F7 #F4D5FB

Shades

#9B12BA #84109E #6C0D82 #550A66 #3E074A #27052E

Use #B215D5 in Our Tools

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