#836382 Color

#836382 is rgb(131, 99, 130) in RGB and hsl(302, 14%, 45%) in HSL. The closest CSS named color is Gray. White text is most readable on this background.

#836382

HEX#836382

RGBrgb(131, 99, 130)

HSLhsl(302, 14%, 45%)

HSVhsv(302, 24%, 51%)

OKLCHoklch(54.3% 0.061 327.4)

CMYKcmyk(0%, 24%, 1%, 49%)

Text Contrast & Accessibility

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

TextWhite text5.16:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text4.07:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#836382 Complementary#638364 Analogous#746383 Analogous#836372 Triadic#828363 Triadic#638283

Tints & Shades

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

Tints

#987697 #A78BA6 #B9A2B8 #C8B6C8 #DACED9 #E9E2E9

Shades

#715670 #60485F #4E3B4E #40303F #2F232E #1D161D

Use #836382 in Our Tools

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