#162CA8

A dark, vivid blue closely aligning with Navy.

About #162CA8

When working with digital screens, the color #162CA8 is rendered by mixing light. It is closely associated with the named CSS color Navy. Its digital footprint relies on 22 parts red, 44 parts green, and 168 parts blue light.

If you are designing for print, the four-color process is what matters most. To reproduce this shade on paper, a printer utilizes 87% cyan and 74% magenta inks. With a hue angle of 231.0 degrees, it sits comfortably in the blue spectrum.

From a UX and accessibility standpoint, contrast is paramount. Because it is a dark color, it is generally recommended to use #FFFFFF text. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#162CA8
RGB22, 44, 168
HSL231.0°, 76.8%, 37.3%
CMYK87%, 74%, 0%, 34%
HSV231.0°, 86.9%, 65.9%
LAB26.2, 40.1, -67.6
XYZ8.3, 4.8, 37.5
Decimal1453224

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

10.72:1
Text on #FFFFFF
AAA
1.96:1
Text on #000000
FAIL
10.24:1
Text on #F8FAFC
AAA
1.67:1
Text on #0F172A
FAIL

CSS Implementation

.bg-color { background-color: #162CA8; }
.text-color { color: #162CA8; }
.border-color { border: 2px solid #162CA8; }

Similar Colors

Navy
#000080