#682AE5 Color

#682AE5 is rgb(104, 42, 229) in RGB and hsl(260, 78%, 53%) in HSL. The closest CSS named color is BlueViolet. White text is most readable on this background.

#682AE5

HEX#682AE5

RGBrgb(104, 42, 229)

HSLhsl(260, 78%, 53%)

HSVhsv(260, 82%, 90%)

OKLCHoklch(49.9% 0.252 288.5)

CMYKcmyk(55%, 82%, 0%, 10%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#682AE5 Complementary#A6E52A Analogous#2A49E5 Analogous#C52AE5 Triadic#E5682A Triadic#2AE568

Tints & Shades

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

Tints

#7B45E8 #9265EC #A580EF #BCA0F3 #CFBBF7 #E5DBFB

Shades

#571AD1 #4A16B1 #3C1291 #2F0E71 #220A52 #150632

Use #682AE5 in Our Tools

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