HEX Color #2C7CE9 (Dodgerblue)

About #2C7CE9

At its core, #2C7CE9 is a medium and vivid hue. If you're using CSS, you might find it aligns closely with Dodgerblue. In the RGB color space, it consists of 44 red, 124 green, and 233 blue.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). To reproduce this shade on paper, a printer utilizes 81% cyan and 47% magenta inks. Always request a physical proof before doing a large print run with this exact code.

From a UX and accessibility standpoint, contrast is paramount. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#2C7CE9

RGB44, 124, 233

HSL214.6°, 81.1%, 54.3%

CMYK81%, 47%, 0%, 9%

HSV214.6°, 81.1%, 91.4%

LAB52.8, 15.0, -61.8

XYZ23.0, 20.8, 79.9

Decimal2915561

Color Harmonies

Complementary

#2C7CE9 #E9982B

Analogous

#2BDAE9 #3A2BE9

Triadic

#E92B7C #7CE92B

Tetradic

#E92BDA #E9982B #2BE93A

Tints, Shades & Tones

Tints (Adding White)

#2C7CE9

#438AEB

#5A99ED

#72A7F0

#89B6F2

#A1C4F5

#B8D3F7

#D0E1FA

#E7F0FC

#FFFFFF

Shades (Adding Black)

#2C7CE9

#276ECF

#2260B5

#1D529B

#184481

#133767

#0E294D

#091B33

#040D19

#000000

WCAG Contrast Accessibility

4.06:1

Text on #FFFFFF

AA Large

5.17:1

Text on #000000

AA

3.88:1

Text on #F8FAFC

AA Large

4.39:1

Text on #0F172A

AA Large

CSS Implementation

.bg-color { background-color: #2C7CE9; }

.text-color { color: #2C7CE9; }

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

Similar Colors

Dodgerblue

#1E90FF