HEX Color #5F757C (Slategray)

About #5F757C

The precise color #5F757C is an excellent choice for modern design projects. It is closely associated with the named CSS color Slategray. Its digital footprint relies on 95 parts red, 117 parts green, and 124 parts blue light.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). To reproduce this shade on paper, a printer utilizes 23% cyan and 6% magenta inks. The HSL representation is 194.5° hue, 13.2% saturation, and 42.9% lightness.

From a UX and accessibility standpoint, contrast is paramount. 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#5F757C

RGB95, 117, 124

HSL194.5°, 13.2%, 42.9%

CMYK23%, 6%, 0%, 51%

HSV194.5°, 23.4%, 48.6%

LAB47.8, -6.4, -6.5

XYZ14.7, 16.6, 21.5

Decimal6255996

Color Harmonies

Complementary

#5F757C #7C665F

Analogous

#5F7C74 #5F667C

Triadic

#7C5F74 #757C5F

Tetradic

#745F7C #7C665F #667C5F

Tints, Shades & Tones

Tints (Adding White)

#5F757C

#70848A

#829399

#94A3A7

#A6B2B6

#B7C1C4

#C9D1D3

#DBE0E1

#EDEFF0

#FFFFFF

Shades (Adding Black)

#5F757C

#54686E

#495B60

#3F4E52

#344144

#2A3437

#1F2729

#151A1B

#0A0D0D

#000000

WCAG Contrast Accessibility

4.86:1

Text on #FFFFFF

AA

4.32:1

Text on #000000

AA Large

4.64:1

Text on #F8FAFC

AA

3.67:1

Text on #0F172A

AA Large

CSS Implementation

.bg-color { background-color: #5F757C; }

.text-color { color: #5F757C; }

.border-color { border: 2px solid #5F757C; }

Similar Colors

Slategray

#708090