HEX Color #161683 (Navy)

About #161683

The precise color #161683 is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Navy. Its digital footprint relies on 22 parts red, 22 parts green, and 131 parts blue light.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 83% cyan and 83% magenta inks. The HSL representation is 240.0° hue, 71.2% saturation, and 30.0% lightness.

Ensuring your text is legible against this background is a key part of web design. To prevent eye strain, #FFFFFF text pairs best with this hex code. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#161683

RGB22, 22, 131

HSL240.0°, 71.2%, 30.0%

CMYK83%, 83%, 0%, 49%

HSV240.0°, 83.2%, 51.4%

LAB17.4, 39.8, -59.2

XYZ4.7, 2.4, 21.7

Decimal1447555

Color Harmonies

Complementary

#161683 #828316

Analogous

#164C83 #4C1683

Triadic

#831616 #168316

Tetradic

#83164C #828316 #16834C

Tints, Shades & Tones

Tints (Adding White)

#161683

#2F2F90

#49499E

#6363AC

#7D7DBA

#9797C7

#B1B1D5

#CBCBE3

#E5E5F1

#FFFFFF

Shades (Adding Black)

#161683

#131374

#111165

#0E0E57

#0C0C48

#09093A

#07072B

#04041D

#02020E

#000000

WCAG Contrast Accessibility

14.22:1

Text on #FFFFFF

AAA

1.48:1

Text on #000000

FAIL

13.59:1

Text on #F8FAFC

AAA

1.26:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #161683; }

.text-color { color: #161683; }

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

Similar Colors

Navy

#000080