#836161

Color #836161

A nearly neutral, gray-leaning medium red.

Closest named color Dim Gray #696969 · ΔE 14.81 Nearest Tailwind class taupe-500 #7c6d67 · ΔE 8.9

Open in Palette generator Color wheel Color mixer Contrast checker Blindness simulator Gradient

Conversions

HEX

#836161

RGB

rgb(131, 97, 97)

HSL

hsl(0, 14.9%, 44.7%)

HSV / HSB

hsv(0, 26%, 51.4%)

CMYK

cmyk(0%, 26%, 26%, 48.6%)

LAB

lab(44.57, 13.79, 5.39)

LCH

lch(44.57, 14.81, 21.35)

OKLCH

oklch(52.7%, 0.0444, 18.64)

HWB

hwb(0, 38%, 48.6%)

Harmony colors

Complementary

#618383

Analogous

#836172

#836161

#837261

Triadic

#836161

#618361

#616183

Split-complementary

#836161

#618372

#617283

Tetradic

#836161

#838361

#618383

#616183

Square

#836161

#728361

#618383

#726183

Shades

Color #836161 mixed toward black.

#6d5151

#574141

#413131

#2c2020

#161010

Tints

Color #836161 mixed toward white.

#9b7878

#af9393

#c3aeae

#d7c9c9

#ebe4e4

Tones

Color #836161 mixed toward gray.

#806464

#7d6767

#7a6969

#786c6c

#756f6f

Accessibility

Aa White text on this color

5.46:1

Aa Black text on this color

3.85:1

White text reads better on this background (5.46:1). That passes WCAG AA (≥4.5:1) for normal-size text, but not AAA.

Under color vision deficiencies

Protanopia

#767561 · ΔE 21.8

Deuteranopia

#787a61 · ΔE 25

Tritanopia

#826161 · ΔE 0.3

Achromatopsia

#696969 · ΔE 14.4

Left half is the original, right half is the simulated appearance. See all 8 vision types →

Code

CSS

background-color: #836161;

Tailwind (arbitrary value)

bg-[#836161]

Related colors

Red #ff0000

Maroon #800000

Black #000000

Brown #a52a2a

Dark Gray #a9a9a9

Dark Red #8b0000

Frequently asked questions

#836161 (#836161) is rgb(131, 97, 97) in RGB.

No, #836161 is not web-safe. The nearest web-safe colors are among its tones and shades below.

Related tools

Colors

HEX to RGB Converter

Convert any HEX color code to its RGB and HSL equivalents, live, with copy-to-clipboard values.

Try it → Accessibility

Contrast Checker

Check the WCAG contrast ratio between any two colors, live, with AA/AAA pass-fail results.

Try it → Generators

Palette Generator

Generate complementary, analogous, triadic, split-complementary, tetradic, square, and monochromatic palettes from any base color.

Try it →

Build something with this color

Generate a full palette from #836161, or check how it holds up for accessibility.

Generate a palette → Check contrast