#820EE1 Color

#820EE1 is rgb(130, 14, 225) in RGB and hsl(273, 88%, 47%) in HSL. The closest CSS named color is DarkViolet. White text is most readable on this background.

#820EE1

HEX#820EE1

RGBrgb(130, 14, 225)

HSLhsl(273, 88%, 47%)

HSVhsv(273, 94%, 88%)

OKLCHoklch(50.7% 0.264 300.1)

CMYKcmyk(42%, 94%, 0%, 12%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#820EE1 Complementary#6DE10E Analogous#190EE1 Analogous#E10ED7 Triadic#E1820E Triadic#0EE182

Tints & Shades

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

Tints

#9422F1 #A749F3 #B76AF6 #C78CF8 #D7AEFA #EAD4FC

Shades

#720DC5 #610BA8 #50098B #3D0769 #2C054D #1C0330

Use #820EE1 in Our Tools

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