HEX Color #50423A (Dimgray)

About #50423A

The precise color #50423A is an excellent choice for modern design projects. 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 80, 66, and 58.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 0% cyan and 18% magenta inks. Always request a physical proof before doing a large print run with this exact code.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#50423A

RGB80, 66, 58

HSL21.8°, 15.9%, 27.1%

CMYK0%, 18%, 28%, 69%

HSV21.8°, 27.5%, 31.4%

LAB29.2, 4.6, 7.1

XYZ6.0, 5.9, 4.8

Decimal5259834

Color Harmonies

Complementary

#50423A #394750

Analogous

#50393C #504D39

Triadic

#395042 #413950

Tetradic

#3C5039 #394750 #4C3950

Tints, Shades & Tones

Tints (Adding White)

#50423A

#63574F

#766C65

#8A817B

#9D9691

#B1ABA7

#C4C0BD

#D8D5D3

#EBEAE9

#FFFFFF

Shades (Adding Black)

#50423A

#473A33

#3E332D

#352C26

#2C2420

#231D19

#1A1613

#110E0C

#080706

#000000

WCAG Contrast Accessibility

9.63:1

Text on #FFFFFF

AAA

2.18:1

Text on #000000

FAIL

9.20:1

Text on #F8FAFC

AAA

1.85:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #50423A; }

.text-color { color: #50423A; }

.border-color { border: 2px solid #50423A; }

Similar Colors

Dimgray

#696969