HEX Color #006DCC (Dodgerblue)

About #006DCC

The precise color #006DCC 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 0, 109, and 204.

When sending designs containing this color to a printer, the CMYK values come into play. This specific hue requires a mix of 100% C, 47% M, 0% Y, and 20% K. Always request a physical proof before doing a large print run with this exact code.

From a UX and accessibility standpoint, contrast is paramount. The calculated luminance score dictates that #FFFFFF typography is the safest choice. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#006DCC

RGB0, 109, 204

HSL207.9°, 100.0%, 40.0%

CMYK100%, 47%, 0%, 20%

HSV207.9°, 100.0%, 80.0%

LAB46.0, 10.8, -56.3

XYZ16.4, 15.3, 59.2

Decimal28108

Color Harmonies

Complementary

#006DCC #CC5F00

Analogous

#00CCC5 #0006CC

Triadic

#CC006C #6CCC00

Tetradic

#C500CC #CC5F00 #06CC00

Tints, Shades & Tones

Tints (Adding White)

#006DCC

#1C7DD1

#388DD7

#559DDD

#71ADE2

#8DBEE8

#AACEEE

#C6DEF3

#E2EEF9

#FFFFFF

Shades (Adding Black)

#006DCC

#0060B5

#00549E

#004888

#003C71

#00305A

#002444

#00182D

#000C16

#000000

WCAG Contrast Accessibility

5.17:1

Text on #FFFFFF

AA

4.06:1

Text on #000000

AA Large

4.94:1

Text on #F8FAFC

AA

3.45:1

Text on #0F172A

AA Large

CSS Implementation

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

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

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

Similar Colors

Dodgerblue

#1E90FF