#9B2EA3 Color

#9B2EA3 is rgb(155, 46, 163) in RGB and hsl(296, 56%, 41%) in HSL. The closest CSS named color is DarkOrchid. White text is most readable on this background.

#9B2EA3

HEX#9B2EA3

RGBrgb(155, 46, 163)

HSLhsl(296, 56%, 41%)

HSVhsv(296, 72%, 64%)

OKLCHoklch(51.3% 0.197 325)

CMYKcmyk(5%, 72%, 0%, 36%)

Text Contrast & Accessibility

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

TextWhite text6.34:1AA normal ✓AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#9B2EA3 Complementary#36A32E Analogous#612EA3 Analogous#A32E70 Triadic#A39B2E Triadic#2EA39B

Tints & Shades

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

Tints

#BA37C3 #C754CF #D174D8 #DD98E2 #E7B7EB #F2D7F4

Shades

#88288F #722277 #5F1C63 #4C1650 #39113C #220A24

Use #9B2EA3 in Our Tools

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