HEX Color #2C99FF (Dodgerblue)

About #2C99FF

The precise color #2C99FF is an excellent choice for modern design projects. It is closely associated with the named CSS color Dodgerblue. To achieve this exact tint on a monitor, you would use an RGB mix of 44, 153, and 255.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 83% cyan and 40% 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. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#2C99FF

RGB44, 153, 255

HSL209.0°, 100.0%, 58.6%

CMYK83%, 40%, 0%, 0%

HSV209.0°, 82.7%, 100.0%

LAB62.1, 5.5, -59.0

XYZ30.5, 30.5, 98.9

Decimal2923007

Color Harmonies

Complementary

#2C99FF #FF922C

Analogous

#2CFFFB #2C2FFF

Triadic

#FF2C98 #99FF2C

Tetradic

#FB2CFF #FF922C #2FFF2C

Tints, Shades & Tones

Tints (Adding White)

#2C99FF

#43A4FF

#5AAFFF

#72BBFF

#89C6FF

#A1D1FF

#B8DDFF

#D0E8FF

#E7F3FF

#FFFFFF

Shades (Adding Black)

#2C99FF

#2788E2

#2277C6

#1D66AA

#18558D

#134471

#0E3355

#092238

#04111C

#000000

WCAG Contrast Accessibility

2.95:1

Text on #FFFFFF

FAIL

7.11:1

Text on #000000

AAA

2.82:1

Text on #F8FAFC

FAIL

6.04:1

Text on #0F172A

AA

CSS Implementation

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

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

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

Similar Colors

Dodgerblue

#1E90FF