HEX Color #1616A8 (Darkblue)

About #1616A8

The hex code #1616A8 represents a beautifully specific shade of blue. 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, 22, and 168.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). This specific hue requires a mix of 87% C, 87% M, 0% Y, and 34% K. This makes it a relatively light color when applied to physical surfaces.

Contrast ratios determine whether this color is safe for typography. 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#1616A8

RGB22, 22, 168

HSL240.0°, 76.8%, 37.3%

CMYK87%, 87%, 0%, 34%

HSV240.0°, 86.9%, 65.9%

LAB22.2, 51.6, -74.1

XYZ7.7, 3.6, 37.3

Decimal1447592

Color Harmonies

Complementary

#1616A8 #A7A816

Analogous

#165EA8 #5E16A8

Triadic

#A81616 #16A816

Tetradic

#A8165F #A7A816 #16A85F

Tints, Shades & Tones

Tints (Adding White)

#1616A8

#2F2FB1

#4949BB

#6363C5

#7D7DCE

#9797D8

#B1B1E2

#CBCBEB

#E5E5F5

#FFFFFF

Shades (Adding Black)

#1616A8

#131395

#111182

#0E0E70

#0C0C5D

#09094A

#070738

#040425

#020212

#000000

WCAG Contrast Accessibility

12.25:1

Text on #FFFFFF

AAA

1.71:1

Text on #000000

FAIL

11.71:1

Text on #F8FAFC

AAA

1.46:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #1616A8; }

.text-color { color: #1616A8; }

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

Similar Colors

Darkblue

#00008B