HEX Color #836D5F (Dimgray)

About #836D5F

The precise color #836D5F is an excellent choice for modern design projects. Designers often compare it to the standard color Dimgray. Its digital footprint relies on 131 parts red, 109 parts green, and 95 parts blue light.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 0% cyan and 17% magenta inks. The HSL representation is 23.3° hue, 15.9% saturation, and 44.3% lightness.

When using this color as a background, text legibility must be considered. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#836D5F

RGB131, 109, 95

HSL23.3°, 15.9%, 44.3%

CMYK0%, 17%, 27%, 49%

HSV23.3°, 27.5%, 51.4%

LAB47.7, 6.4, 11.1

XYZ16.9, 16.6, 13.1

Decimal8613215

Color Harmonies

Complementary

#836D5F #5F7483

Analogous

#835F62 #837E5F

Triadic

#5F836D #6C5F83

Tetradic

#62835F #5F7483 #7E5F83

Tints, Shades & Tones

Tints (Adding White)

#836D5F

#907D70

#9E8D82

#AC9D94

#BAADA6

#C7BEB7

#D5CEC9

#E3DEDB

#F1EEED

#FFFFFF

Shades (Adding Black)

#836D5F

#746054

#655449

#57483F

#483C34

#3A302A

#2B241F

#1D1815

#0E0C0A

#000000

WCAG Contrast Accessibility

4.86:1

Text on #FFFFFF

AA

4.32:1

Text on #000000

AA Large

4.65:1

Text on #F8FAFC

AA

3.67:1

Text on #0F172A

AA Large

CSS Implementation

.bg-color { background-color: #836D5F; }

.text-color { color: #836D5F; }

.border-color { border: 2px solid #836D5F; }

Similar Colors

Dimgray

#696969