HEX Color #49505F (Darkslategray)

About #49505F

The hex code #49505F represents a beautifully specific shade of blue. If you're using CSS, you might find it aligns closely with Darkslategray. To achieve this exact tint on a monitor, you would use an RGB mix of 73, 80, and 95.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 23% cyan and 16% magenta inks. This makes it a relatively dark color when applied to physical surfaces.

Ensuring your text is legible against this background is a key part of web design. The calculated luminance score dictates that #FFFFFF typography is the safest choice. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#49505F

RGB73, 80, 95

HSL220.9°, 13.1%, 32.9%

CMYK23%, 16%, 0%, 63%

HSV220.9°, 23.2%, 37.3%

LAB33.9, 0.9, -9.7

XYZ7.7, 8.0, 12.0

Decimal4804703

Color Harmonies

Complementary

#49505F #5E5749

Analogous

#495A5E #4C495E

Triadic

#5E4950 #505E49

Tetradic

#5E495A #5E5749 #495E4C

Tints, Shades & Tones

Tints (Adding White)

#49505F

#5D6370

#717682

#858A94

#999DA6

#AEB1B7

#C2C4C9

#D6D8DB

#EAEBED

#FFFFFF

Shades (Adding Black)

#49505F

#404754

#383E49

#30353F

#282C34

#20232A

#181A1F

#101115

#08080A

#000000

WCAG Contrast Accessibility

8.09:1

Text on #FFFFFF

AAA

2.60:1

Text on #000000

FAIL

7.73:1

Text on #F8FAFC

AAA

2.21:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #49505F; }

.text-color { color: #49505F; }

.border-color { border: 2px solid #49505F; }

Similar Colors

Darkslategray

#2F4F4F