HEX Color #162CB6 (Darkblue)

About #162CB6

The precise color #162CB6 is an excellent choice for modern design projects. Its closest recognized web color is Darkblue. To achieve this exact tint on a monitor, you would use an RGB mix of 22, 44, and 182.

When sending designs containing this color to a printer, the CMYK values come into play. This specific hue requires a mix of 88% C, 76% M, 0% Y, and 29% K. The HSL representation is 231.7° hue, 78.4% saturation, and 40.0% lightness.

From a UX and accessibility standpoint, contrast is paramount. 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#162CB6

RGB22, 44, 182

HSL231.7°, 78.4%, 40.0%

CMYK88%, 76%, 0%, 29%

HSV231.7°, 87.9%, 71.4%

LAB27.7, 45.1, -73.4

XYZ9.7, 5.3, 44.8

Decimal1453238

Color Harmonies

Complementary

#162CB6 #B6A015

Analogous

#157CB6 #4F15B6

Triadic

#B6152B #2BB615

Tetradic

#B6157B #B6A015 #15B650

Tints, Shades & Tones

Tints (Adding White)

#162CB6

#2F43BE

#495AC6

#6372CE

#7D89D6

#97A1DE

#B1B8E6

#CBD0EE

#E5E7F6

#FFFFFF

Shades (Adding Black)

#162CB6

#1327A1

#11228D

#0E1D79

#0C1865

#091350

#070E3C

#040928

#020414

#000000

WCAG Contrast Accessibility

10.15:1

Text on #FFFFFF

AAA

2.07:1

Text on #000000

FAIL

9.70:1

Text on #F8FAFC

AAA

1.76:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #162CB6; }

.text-color { color: #162CB6; }

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

Similar Colors

Darkblue

#00008B