#82686a

Color #82686a

A nearly neutral, gray-leaning medium red.

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

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

Conversions

HEX

#82686a

RGB

rgb(130, 104, 106)

HSL

hsl(355.4, 11.1%, 45.9%)

HSV / HSB

hsv(355.4, 20%, 51%)

CMYK

cmyk(0%, 20%, 18.5%, 49%)

LAB

lab(46.56, 10.7, 2.82)

LCH

lch(46.56, 11.07, 14.76)

OKLCH

oklch(54.3%, 0.0335, 12.96)

HWB

hwb(355.4, 40.8%, 49%)

Harmony colors

Complementary

#688280

Analogous

#826877

#82686a

#827368

Triadic

#82686a

#6a8268

#686a82

Split-complementary

#82686a

#688273

#687782

Tetradic

#82686a

#828068

#688280

#686a82

Square

#82686a

#778268

#688280

#736882

Shades

Color #82686a mixed toward black.

#6c5758

#574547

#413435

#2b2323

#161112

Tints

Color #82686a mixed toward white.

#997f81

#ad999a

#c2b2b4

#d6cccd

#ebe5e6

Tones

Color #82686a mixed toward gray.

#806a6c

#7e6c6e

#7c6f70

#797171

#777373

Accessibility

Aa White text on this color

5.08:1

Aa Black text on this color

4.14:1

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

Under color vision deficiencies

Protanopia

#78776a · ΔE 17.1

Deuteranopia

#797b69 · ΔE 20.7

Tritanopia

#816969 · ΔE 1.3

Achromatopsia

#6e6e6e · ΔE 11.9

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

Code

CSS

background-color: #82686a;

Tailwind (arbitrary value)

bg-[#82686a]

Related colors

Light Pink #ffb6c1

Pink #ffc0cb

Crimson #dc143c

Pale Violet Red #db7093

Lavender Blush #fff0f5

Hot Pink #ff69b4

Frequently asked questions

#82686a (#82686a) is rgb(130, 104, 106) in RGB.

No, #82686a is not one of the 216 web-safe colors — for that, every RGB channel would have to be a multiple of 51.

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 #82686a, or check how it holds up for accessibility.

Generate a palette → Check contrast