HEX Color #5F75A0 (Steelblue)

About #5F75A0

At its core, #5F75A0 is a medium and muted hue. It is closely associated with the named CSS color Steelblue. To achieve this exact tint on a monitor, you would use an RGB mix of 95, 117, and 160.

For print applications, it's crucial to understand its CMYK makeup. This specific hue requires a mix of 41% C, 27% M, 0% Y, and 37% K. The HSL representation is 219.7° hue, 25.5% saturation, and 50.0% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#5F75A0

RGB95, 117, 160

HSL219.7°, 25.5%, 50.0%

CMYK41%, 27%, 0%, 37%

HSV219.7°, 40.6%, 62.7%

LAB49.1, 3.3, -25.7

XYZ17.4, 17.7, 35.8

Decimal6256032

Color Harmonies

Complementary

#5F75A0 #A08A5F

Analogous

#5F95A0 #695FA0

Triadic

#A05F74 #74A05F

Tetradic

#A05F95 #A08A5F #5FA069

Tints, Shades & Tones

Tints (Adding White)

#5F75A0

#7084AA

#8293B5

#94A3BF

#A6B2CA

#B7C1D4

#C9D1DF

#DBE0E9

#EDEFF4

#FFFFFF

Shades (Adding Black)

#5F75A0

#54688E

#495B7C

#3F4E6A

#344158

#2A3447

#1F2735

#151A23

#0A0D11

#000000

WCAG Contrast Accessibility

4.63:1

Text on #FFFFFF

AA

4.54:1

Text on #000000

AA

4.42:1

Text on #F8FAFC

AA Large

3.86:1

Text on #0F172A

AA Large

CSS Implementation

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

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

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

Similar Colors

Steelblue

#4682B4