HEX Color #2C33CC (Darkblue)

About #2C33CC

When working with digital screens, the color #2C33CC is rendered by mixing light. If you're using CSS, you might find it aligns closely with Darkblue. To achieve this exact tint on a monitor, you would use an RGB mix of 44, 51, and 204.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 78% cyan and 75% magenta inks. With a hue angle of 237.4 degrees, it sits comfortably in the blue spectrum.

Ensuring your text is legible against this background is a key part of web design. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#2C33CC

RGB44, 51, 204

HSL237.4°, 64.5%, 48.6%

CMYK78%, 75%, 0%, 20%

HSV237.4°, 78.4%, 80.0%

LAB32.4, 49.8, -78.5

XYZ13.1, 7.3, 57.8

Decimal2896844

Color Harmonies

Complementary

#2C33CC #CCC52C

Analogous

#2C83CC #742CCC

Triadic

#CC2C32 #32CC2C

Tetradic

#CC2C82 #CCC52C #2CCC75

Tints, Shades & Tones

Tints (Adding White)

#2C33CC

#4349D1

#5A60D7

#7277DD

#898DE2

#A1A4E8

#B8BBEE

#D0D1F3

#E7E8F9

#FFFFFF

Shades (Adding Black)

#2C33CC

#272DB5

#22279E

#1D2288

#181C71

#13165A

#0E1144

#090B2D

#040516

#000000

WCAG Contrast Accessibility

8.56:1

Text on #FFFFFF

AAA

2.45:1

Text on #000000

FAIL

8.18:1

Text on #F8FAFC

AAA

2.08:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Darkblue

#00008B