#166DAF

A dark, vivid blue closely aligning with Steelblue.

About #166DAF

When working with digital screens, the color #166DAF is rendered by mixing light. If you're using CSS, you might find it aligns closely with Steelblue. To achieve this exact tint on a monitor, you would use an RGB mix of 22, 109, and 175.

Translating this color to physical media requires the CMYK color model. Its ink density profile breaks down to 87% cyan, 38% magenta, 0% yellow, and 31% black. This makes it a relatively light color when applied to physical surfaces.

Contrast ratios determine whether this color is safe for typography. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#166DAF
RGB22, 109, 175
HSL205.9°, 77.7%, 38.6%
CMYK87%, 38%, 0%, 31%
HSV205.9°, 87.4%, 68.6%
LAB44.5, 0.2, -41.9
XYZ13.5, 14.2, 42.6
Decimal1469871

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

5.47:1
Text on #FFFFFF
AA
3.84:1
Text on #000000
AA Large
5.23:1
Text on #F8FAFC
AA
3.26:1
Text on #0F172A
AA Large

CSS Implementation

.bg-color { background-color: #166DAF; }
.text-color { color: #166DAF; }
.border-color { border: 2px solid #166DAF; }

Similar Colors

Steelblue
#4682B4