HEX Color #076DCC (Dodgerblue)

About #076DCC

The precise color #076DCC is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Dodgerblue. To achieve this exact tint on a monitor, you would use an RGB mix of 7, 109, and 204.

If you are designing for print, the four-color process is what matters most. To reproduce this shade on paper, a printer utilizes 97% cyan and 47% magenta inks. This makes it a relatively light color when applied to physical surfaces.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Because it is a medium color, it is generally recommended to use #FFFFFF text. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#076DCC

RGB7, 109, 204

HSL208.9°, 93.4%, 41.4%

CMYK97%, 47%, 0%, 20%

HSV208.9°, 96.6%, 80.0%

LAB46.1, 11.0, -56.2

XYZ16.5, 15.3, 59.2

Decimal486860

Color Harmonies

Complementary

#076DCC #CC6507

Analogous

#07CCC8 #070ACC

Triadic

#CC076D #6DCC07

Tetradic

#C807CC #CC6507 #0ACC07

Tints, Shades & Tones

Tints (Adding White)

#076DCC

#227DD1

#3E8DD7

#599DDD

#75ADE2

#90BEE8

#ACCEEE

#C7DEF3

#E3EEF9

#FFFFFF

Shades (Adding Black)

#076DCC

#0660B5

#05549E

#044888

#033C71

#03305A

#022444

#01182D

#000C16

#000000

WCAG Contrast Accessibility

5.16:1

Text on #FFFFFF

AA

4.07:1

Text on #000000

AA Large

4.93:1

Text on #F8FAFC

AA

3.46:1

Text on #0F172A

AA Large

CSS Implementation

.bg-color { background-color: #076DCC; }

.text-color { color: #076DCC; }

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

Similar Colors

Dodgerblue

#1E90FF