#B23BDE Color

#B23BDE is rgb(178, 59, 222) in RGB and hsl(284, 71%, 55%) in HSL. The closest CSS named color is MediumOrchid. White text is most readable on this background.

#B23BDE

HEX#B23BDE

RGBrgb(178, 59, 222)

HSLhsl(284, 71%, 55%)

HSVhsv(284, 73%, 87%)

OKLCHoklch(59.4% 0.242 315)

CMYKcmyk(20%, 73%, 0%, 13%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#B23BDE Complementary#66DE3B Analogous#613BDE Analogous#DE3BB8 Triadic#DEB23B Triadic#3BDEB2

Tints & Shades

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

Tints

#BD55E2 #C76FE7 #D189EB #DDA8F0 #E7C2F5 #F1DCF9

Shades

#A323D1 #881EAE #701890 #581371 #410E53 #250830

Use #B23BDE in Our Tools

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