HEX Color #0716A0 (Darkblue)

About #0716A0

The precise color #0716A0 is an excellent choice for modern design projects. Its closest recognized web color is Darkblue. Its digital footprint relies on 7 parts red, 22 parts green, and 160 parts blue light.

Translating this color to physical media requires the CMYK color model. Its ink density profile breaks down to 96% cyan, 86% magenta, 0% yellow, and 37% black. Always request a physical proof before doing a large print run with this exact code.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#0716A0

RGB7, 22, 160

HSL234.1°, 91.6%, 32.7%

CMYK96%, 86%, 0%, 37%

HSV234.1°, 95.6%, 62.7%

LAB20.7, 48.7, -71.8

XYZ6.7, 3.2, 33.5

Decimal464544

Color Harmonies

Complementary

#0716A0 #9F9107

Analogous

#07629F #44079F

Triadic

#9F0715 #159F07

Tetradic

#9F0762 #9F9107 #079F44

Tints, Shades & Tones

Tints (Adding White)

#0716A0

#222FAA

#3E49B5

#5963BF

#757DCA

#9097D4

#ACB1DF

#C7CBE9

#E3E5F4

#FFFFFF

Shades (Adding Black)

#0716A0

#06138E

#05117C

#040E6A

#030C58

#030947

#020735

#010423

#000211

#000000

WCAG Contrast Accessibility

12.87:1

Text on #FFFFFF

AAA

1.63:1

Text on #000000

FAIL

12.30:1

Text on #F8FAFC

AAA

1.39:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #0716A0; }

.text-color { color: #0716A0; }

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

Similar Colors

Darkblue

#00008B