HEX Color #162CC5 (Darkblue)

About #162CC5

The precise color #162CC5 is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Darkblue. To achieve this exact tint on a monitor, you would use an RGB mix of 22, 44, and 197.

For print applications, it's crucial to understand its CMYK makeup. To reproduce this shade on paper, a printer utilizes 89% cyan and 78% magenta inks. With a hue angle of 232.5 degrees, it sits comfortably in the blue spectrum.

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. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#162CC5

RGB22, 44, 197

HSL232.5°, 79.9%, 42.9%

CMYK89%, 78%, 0%, 23%

HSV232.5°, 88.8%, 77.3%

LAB29.4, 50.1, -79.4

XYZ11.3, 6.0, 53.4

Decimal1453253

Color Harmonies

Complementary

#162CC5 #C4AE16

Analogous

#1683C4 #5716C4

Triadic

#C4162C #2CC416

Tetradic

#C41683 #C4AE16 #16C457

Tints, Shades & Tones

Tints (Adding White)

#162CC5

#2F43CB

#495AD1

#6372D8

#7D89DE

#97A1E5

#B1B8EB

#CBD0F2

#E5E7F8

#FFFFFF

Shades (Adding Black)

#162CC5

#1327AF

#112299

#0E1D83

#0C186D

#091357

#070E41

#04092B

#020415

#000000

WCAG Contrast Accessibility

9.54:1

Text on #FFFFFF

AAA

2.20:1

Text on #000000

FAIL

9.12:1

Text on #F8FAFC

AAA

1.87:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Darkblue

#00008B