HEX Color #6D4257 (Dimgray)

About #6D4257

When working with digital screens, the color #6D4257 is rendered by mixing light. It is closely associated with the named CSS color Dimgray. To achieve this exact tint on a monitor, you would use an RGB mix of 109, 66, and 87.

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

Contrast ratios determine whether this color is safe for typography. 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#6D4257

RGB109, 66, 87

HSL330.7°, 24.6%, 34.3%

CMYK0%, 39%, 20%, 57%

HSV330.7°, 39.4%, 42.7%

LAB33.6, 21.9, -4.7

XYZ10.0, 7.8, 10.0

Decimal7160407

Color Harmonies

Complementary

#6D4257 #426C58

Analogous

#6C426C #6C4242

Triadic

#566C42 #42566C

Tetradic

#6C6C42 #426C58 #42426C

Tints, Shades & Tones

Tints (Adding White)

#6D4257

#7D5769

#8D6C7C

#9D818F

#AD96A1

#BEABB4

#CEC0C7

#DED5D9

#EEEAEC

#FFFFFF

Shades (Adding Black)

#6D4257

#603A4D

#543343

#482C3A

#3C2430

#301D26

#24161D

#180E13

#0C0709

#000000

WCAG Contrast Accessibility

8.18:1

Text on #FFFFFF

AAA

2.57:1

Text on #000000

FAIL

7.82:1

Text on #F8FAFC

AAA

2.18:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #6D4257; }

.text-color { color: #6D4257; }

.border-color { border: 2px solid #6D4257; }

Similar Colors

Dimgray

#696969