HEX Color #426D5F (Darkslategray)

About #426D5F

The precise color #426D5F is an excellent choice for modern design projects. Its closest recognized web color is Darkslategray. To achieve this exact tint on a monitor, you would use an RGB mix of 66, 109, and 95.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 39% cyan and 0% magenta inks. With a hue angle of 160.5 degrees, it sits comfortably in the green spectrum.

Ensuring your text is legible against this background is a key part of web design. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#426D5F

RGB66, 109, 95

HSL160.5°, 24.6%, 34.3%

CMYK39%, 0%, 13%, 57%

HSV160.5°, 39.4%, 42.7%

LAB42.6, -18.5, 3.1

XYZ9.8, 12.9, 12.8

Decimal4353375

Color Harmonies

Complementary

#426D5F #6C4250

Analogous

#426C49 #42656C

Triadic

#5E426C #6C5F42

Tetradic

#49426C #6C4250 #656C42

Tints, Shades & Tones

Tints (Adding White)

#426D5F

#577D70

#6C8D82

#819D94

#96ADA6

#ABBEB7

#C0CEC9

#D5DEDB

#EAEEED

#FFFFFF

Shades (Adding Black)

#426D5F

#3A6054

#335449

#2C483F

#243C34

#1D302A

#16241F

#0E1815

#070C0A

#000000

WCAG Contrast Accessibility

5.86:1

Text on #FFFFFF

AA

3.58:1

Text on #000000

AA Large

5.60:1

Text on #F8FAFC

AA

3.05:1

Text on #0F172A

AA Large

CSS Implementation

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

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

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

Similar Colors

Darkslategray

#2F4F4F