#9228A4 Color

#9228A4 is rgb(146, 40, 164) in RGB and hsl(291, 61%, 40%) in HSL. The closest CSS named color is DarkOrchid. White text is most readable on this background.

#9228A4

HEX#9228A4

RGBrgb(146, 40, 164)

HSLhsl(291, 61%, 40%)

HSVhsv(291, 76%, 64%)

OKLCHoklch(49.5% 0.2 321.4)

CMYKcmyk(11%, 76%, 0%, 36%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#9228A4 Complementary#3AA428 Analogous#5328A4 Analogous#A42879 Triadic#A49228 Triadic#28A492

Tints & Shades

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

Tints

#AF30C5 #C04ED4 #CC6FDC #D890E4 #E3B1EC #F0D6F5

Shades

#7F2390 #6D1E7B #5B1967 #45134E #330E39 #210925

Use #9228A4 in Our Tools

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