HEX Color #16508A (Steelblue)

About #16508A

The hex code #16508A represents a beautifully specific shade of blue. Designers often compare it to the standard color Steelblue. This translates to an RGB value of rgb(22, 80, 138).

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). Its ink density profile breaks down to 84% cyan, 42% magenta, 0% yellow, and 46% black. This makes it a relatively light color when applied to physical surfaces.

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. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#16508A

RGB22, 80, 138

HSL210.0°, 72.5%, 31.4%

CMYK84%, 42%, 0%, 46%

HSV210.0°, 84.1%, 54.1%

LAB33.4, 4.1, -37.4

XYZ7.8, 7.7, 25.1

Decimal1462410

Color Harmonies

Complementary

#16508A #8A5016

Analogous

#16898A #16168A

Triadic

#8A1650 #508A16

Tetradic

#8A1689 #8A5016 #168A16

Tints, Shades & Tones

Tints (Adding White)

#16508A

#2F6397

#4976A4

#638AB1

#7D9DBE

#97B1CB

#B1C4D8

#CBD8E5

#E5EBF2

#FFFFFF

Shades (Adding Black)

#16508A

#13477A

#113E6B

#0E355C

#0C2C4C

#09233D

#071A2E

#04111E

#02080F

#000000

WCAG Contrast Accessibility

8.24:1

Text on #FFFFFF

AAA

2.55:1

Text on #000000

FAIL

7.88:1

Text on #F8FAFC

AAA

2.17:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #16508A; }

.text-color { color: #16508A; }

.border-color { border: 2px solid #16508A; }

Similar Colors

Steelblue

#4682B4