#9356A4 Color

#9356A4 is rgb(147, 86, 164) in RGB and hsl(287, 31%, 49%) in HSL. The closest CSS named color is DarkOrchid. White text is most readable on this background.

#9356A4

HEX#9356A4

RGBrgb(147, 86, 164)

HSLhsl(287, 31%, 49%)

HSVhsv(287, 48%, 64%)

OKLCHoklch(55.3% 0.134 318.6)

CMYKcmyk(10%, 48%, 0%, 36%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#9356A4 Complementary#67A456 Analogous#6C56A4 Analogous#A4568E Triadic#A49356 Triadic#56A493

Tints & Shades

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

Tints

#A36CB2 #B183BE #C09BCA #CFB2D7 #DDCAE3 #ECE1EF

Shades

#814C90 #6C3F78 #5A3564 #45284D #331E39 #1E1221

Use #9356A4 in Our Tools

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