#822CD8 Color

#822CD8 is rgb(130, 44, 216) in RGB and hsl(270, 69%, 51%) in HSL. The closest CSS named color is BlueViolet. White text is most readable on this background.

#822CD8

HEX#822CD8

RGBrgb(130, 44, 216)

HSLhsl(270, 69%, 51%)

HSVhsv(270, 80%, 85%)

OKLCHoklch(51.7% 0.239 300.5)

CMYKcmyk(40%, 80%, 0%, 15%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#822CD8 Complementary#82D82C Analogous#2C2CD8 Analogous#D82CD8 Triadic#D8822C Triadic#2CD882

Tints & Shades

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

Tints

#944ADE #A364E3 #B582E8 #C7A0EE #D9BEF3 #E8D8F8

Shades

#7023BE #611EA4 #4F1986 #3D1367 #2B0D49 #1C092F

Use #822CD8 in Our Tools

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