#820BEA Color

#820BEA is rgb(130, 11, 234) in RGB and hsl(272, 91%, 48%) in HSL. The closest CSS named color is DarkViolet. White text is most readable on this background.

#820BEA

HEX#820BEA

RGBrgb(130, 11, 234)

HSLhsl(272, 91%, 48%)

HSVhsv(272, 95%, 92%)

OKLCHoklch(51.5% 0.273 298.3)

CMYKcmyk(44%, 95%, 0%, 8%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#820BEA Complementary#73EA0B Analogous#120BEA Analogous#EA0BE2 Triadic#EA820B Triadic#0BEA82

Tints & Shades

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

Tints

#9324F5 #A446F6 #B568F8 #C88FFA #D9B1FB #E9D3FD

Shades

#720ACD #5F08AA #4E078D #3E0570 #2E0453 #1B0231

Use #820BEA in Our Tools

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