HEX Color #07497C (Steelblue)

About #07497C

The precise color #07497C is an excellent choice for modern design projects. Its closest recognized web color is Steelblue. To achieve this exact tint on a monitor, you would use an RGB mix of 7, 73, and 124.

If you are designing for print, the four-color process is what matters most. To reproduce this shade on paper, a printer utilizes 94% cyan and 41% magenta inks. Always request a physical proof before doing a large print run with this exact code.

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. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#07497C

RGB7, 73, 124

HSL206.2°, 89.3%, 25.7%

CMYK94%, 41%, 0%, 51%

HSV206.2°, 94.4%, 48.6%

LAB30.1, 1.7, -34.2

XYZ6.1, 6.3, 20.0

Decimal477564

Color Harmonies

Complementary

#07497C #7B3A07

Analogous

#077B74 #070E7B

Triadic

#7B0748 #487B07

Tetradic

#74077B #7B3A07 #0E7B07

Tints, Shades & Tones

Tints (Adding White)

#07497C

#225D8A

#3E7199

#5985A7

#7599B6

#90AEC4

#ACC2D3

#C7D6E1

#E3EAF0

#FFFFFF

Shades (Adding Black)

#07497C

#06406E

#053860

#043052

#032844

#032037

#021829

#01101B

#00080D

#000000

WCAG Contrast Accessibility

9.32:1

Text on #FFFFFF

AAA

2.25:1

Text on #000000

FAIL

8.91:1

Text on #F8FAFC

AAA

1.92:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #07497C; }

.text-color { color: #07497C; }

.border-color { border: 2px solid #07497C; }

Similar Colors

Steelblue

#4682B4