HEX Color #5F8AA8 (Lightslategray)

About #5F8AA8

The hex code #5F8AA8 represents a beautifully specific shade of blue. It is closely associated with the named CSS color Lightslategray. This translates to an RGB value of rgb(95, 138, 168).

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). To reproduce this shade on paper, a printer utilizes 43% cyan and 18% magenta inks. Always request a physical proof before doing a large print run with this exact code.

Contrast ratios determine whether this color is safe for typography. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#5F8AA8

RGB95, 138, 168

HSL204.7°, 29.6%, 51.6%

CMYK43%, 18%, 0%, 34%

HSV204.7°, 43.5%, 65.9%

LAB55.5, -6.6, -20.5

XYZ20.9, 23.4, 40.5

Decimal6261416

Color Harmonies

Complementary

#5F8AA8 #A87C5E

Analogous

#5EA8A1 #5E65A8

Triadic

#A85E89 #8AA85E

Tetradic

#A15EA8 #A87C5E #65A85E

Tints, Shades & Tones

Tints (Adding White)

#5F8AA8

#7097B1

#82A4BB

#94B1C5

#A6BECE

#B7CBD8

#C9D8E2

#DBE5EB

#EDF2F5

#FFFFFF

Shades (Adding Black)

#5F8AA8

#547A95

#496B82

#3F5C70

#344C5D

#2A3D4A

#1F2E38

#151E25

#0A0F12

#000000

WCAG Contrast Accessibility

3.69:1

Text on #FFFFFF

AA Large

5.69:1

Text on #000000

AA

3.53:1

Text on #F8FAFC

AA Large

4.83:1

Text on #0F172A

AA

CSS Implementation

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

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

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

Similar Colors

Lightslategray

#778899