HEX Color #758AC5 (Steelblue)

About #758AC5

The hex code #758AC5 represents a beautifully specific shade of blue. Designers often compare it to the standard color Steelblue. To achieve this exact tint on a monitor, you would use an RGB mix of 117, 138, and 197.

When sending designs containing this color to a printer, the CMYK values come into play. Its ink density profile breaks down to 41% cyan, 30% magenta, 0% yellow, and 23% black. The HSL representation is 224.2° hue, 40.8% saturation, and 61.6% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #000000 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#758AC5

RGB117, 138, 197

HSL224.2°, 40.8%, 61.6%

CMYK41%, 30%, 0%, 23%

HSV224.2°, 40.6%, 77.3%

LAB58.0, 7.6, -33.0

XYZ26.5, 26.0, 56.4

Decimal7703237

Color Harmonies

Complementary

#758AC5 #C5B075

Analogous

#75B2C5 #8875C5

Triadic

#C57589 #8AC575

Tetradic

#C575B2 #C5B075 #75C588

Tints, Shades & Tones

Tints (Adding White)

#758AC5

#8497CB

#93A4D1

#A3B1D8

#B2BEDE

#C1CBE5

#D1D8EB

#E0E5F2

#EFF2F8

#FFFFFF

Shades (Adding Black)

#758AC5

#687AAF

#5B6B99

#4E5C83

#414C6D

#343D57

#272E41

#1A1E2B

#0D0F15

#000000

WCAG Contrast Accessibility

3.39:1

Text on #FFFFFF

AA Large

6.20:1

Text on #000000

AA

3.24:1

Text on #F8FAFC

AA Large

5.27:1

Text on #0F172A

AA

CSS Implementation

.bg-color { background-color: #758AC5; }

.text-color { color: #758AC5; }

.border-color { border: 2px solid #758AC5; }

Similar Colors

Steelblue

#4682B4