#822170 Color

#822170 is rgb(130, 33, 112) in RGB and hsl(311, 60%, 32%) in HSL. The closest CSS named color is Purple. White text is most readable on this background.

#822170

HEX#822170

RGBrgb(130, 33, 112)

HSLhsl(311, 60%, 32%)

HSVhsv(311, 75%, 51%)

OKLCHoklch(43.3% 0.158 336.5)

CMYKcmyk(0%, 75%, 14%, 49%)

Text Contrast & Accessibility

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

TextWhite text8.75:1AA normal ✓AA large ✓AAA normal ✓

TextBlack text2.4:1AA normal ✗AA large ✗AAA normal ✗

Color Harmonies

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

Base#822170 Complementary#218333 Analogous#642183 Analogous#832140 Triadic#718321 Triadic#217183

Tints & Shades

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

Tints

#A72A90 #CD37B2 #D65CC0 #E085D0 #EAA9DE #F4D2EE

Shades

#721D63 #621854 #521446 #411038 #310C2A #21081C

Use #822170 in Our Tools

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