#682E9E Color

#682E9E is rgb(104, 46, 158) in RGB and hsl(271, 55%, 40%) in HSL. The closest CSS named color is RebeccaPurple. White text is most readable on this background.

#682E9E

HEX#682E9E

RGBrgb(104, 46, 158)

HSLhsl(271, 55%, 40%)

HSVhsv(271, 71%, 62%)

OKLCHoklch(44% 0.173 303.7)

CMYKcmyk(34%, 71%, 0%, 38%)

Text Contrast & Accessibility

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

TextWhite text8.49:1AA normal ✓AA large ✓AAA normal ✓

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

Color Harmonies

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

Base#682E9E Complementary#649E2E Analogous#302E9E Analogous#9E2E9C Triadic#9E682E Triadic#2E9E68

Tints & Shades

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

Tints

#7D37BE #9355CE #A775D7 #BB94E0 #CFB4E9 #E6D7F4

Shades

#5B288A #4E2277 #411D63 #31164B #241037 #170A24

Use #682E9E in Our Tools

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