#820ACD Color

#820ACD is rgb(130, 10, 205) in RGB and hsl(277, 91%, 42%) in HSL. The closest CSS named color is DarkViolet. White text is most readable on this background.

#820ACD

HEX#820ACD

RGBrgb(130, 10, 205)

HSLhsl(277, 91%, 42%)

HSVhsv(277, 95%, 80%)

OKLCHoklch(48.8% 0.249 304.7)

CMYKcmyk(37%, 95%, 0%, 20%)

Text Contrast & Accessibility

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

TextWhite text7.31:1AA normal ✓AA large ✓AAA normal ✓

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

Color Harmonies

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

Base#820ACD Complementary#54CD0A Analogous#200ACD Analogous#CD0AB6 Triadic#CD820A Triadic#0ACD82

Tints & Shades

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

Tints

#9B0BF4 #AB32F5 #BB59F7 #CB80F9 #DBA7FB #EBCEFD

Shades

#7208B4 #600797 #50067F #3E0561 #2E0349 #1C022C

Use #820ACD in Our Tools

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