#836284 Color

#836284 is rgb(131, 98, 132) in RGB and hsl(298, 15%, 45%) in HSL. The closest CSS named color is Gray. White text is most readable on this background.

#836284

HEX#836284

RGBrgb(131, 98, 132)

HSLhsl(298, 15%, 45%)

HSVhsv(298, 26%, 52%)

OKLCHoklch(54.2% 0.065 325.5)

CMYKcmyk(1%, 26%, 0%, 48%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#836284 Complementary#638462 Analogous#726284 Analogous#846274 Triadic#848362 Triadic#628483

Tints & Shades

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

Tints

#987599 #A78AA8 #B9A1BA #C8B6C9 #DACDDA #E9E2E9

Shades

#715572 #604861 #4E3B4F #403041 #2F232F #1D161D

Use #836284 in Our Tools

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