HEX Color #495F57 (Darkslategray)

About #495F57

The precise color #495F57 is an excellent choice for modern design projects. 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, 95, and 87.

When sending designs containing this color to a printer, the CMYK values come into play. Its ink density profile breaks down to 23% cyan, 0% magenta, 8% yellow, and 63% black. With a hue angle of 158.2 degrees, it sits comfortably in the green spectrum.

From a UX and accessibility standpoint, contrast is paramount. Because it is a dark color, it is generally recommended to use #FFFFFF text. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#495F57

RGB73, 95, 87

HSL158.2°, 13.1%, 32.9%

CMYK23%, 0%, 8%, 63%

HSV158.2°, 23.2%, 37.3%

LAB38.4, -10.2, 1.9

XYZ8.6, 10.3, 10.6

Decimal4808535

Color Harmonies

Complementary

#495F57 #5E4950

Analogous

#495E4C #495B5E

Triadic

#56495E #5E5649

Tetradic

#4B495E #5E4950 #5B5E49

Tints, Shades & Tones

Tints (Adding White)

#495F57

#5D7069

#71827C

#85948F

#99A6A1

#AEB7B4

#C2C9C7

#D6DBD9

#EAEDEC

#FFFFFF

Shades (Adding Black)

#495F57

#40544D

#384943

#303F3A

#283430

#202A26

#181F1D

#101513

#080A09

#000000

WCAG Contrast Accessibility

6.87:1

Text on #FFFFFF

AA

3.06:1

Text on #000000

AA Large

6.56:1

Text on #F8FAFC

AA

2.60:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #495F57; }

.text-color { color: #495F57; }

.border-color { border: 2px solid #495F57; }

Similar Colors

Darkslategray

#2F4F4F