HEX Color #2C33DB (Mediumblue)

About #2C33DB

The precise color #2C33DB is an excellent choice for modern design projects. Its closest recognized web color is Mediumblue. To achieve this exact tint on a monitor, you would use an RGB mix of 44, 51, and 219.

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

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. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#2C33DB

RGB44, 51, 219

HSL237.6°, 70.9%, 51.6%

CMYK80%, 77%, 0%, 14%

HSV237.6°, 79.9%, 85.9%

LAB34.0, 54.7, -84.5

XYZ15.0, 8.0, 67.8

Decimal2896859

Color Harmonies

Complementary

#2C33DB #DBD42B

Analogous

#2B8ADB #7C2BDB

Triadic

#DB2B32 #32DB2B

Tetradic

#DB2B8A #DBD42B #2BDB7C

Tints, Shades & Tones

Tints (Adding White)

#2C33DB

#4349DF

#5A60E3

#7277E7

#898DEB

#A1A4EF

#B8BBF3

#D0D1F7

#E7E8FB

#FFFFFF

Shades (Adding Black)

#2C33DB

#272DC2

#2227AA

#1D2292

#181C79

#131661

#0E1149

#090B30

#040518

#000000

WCAG Contrast Accessibility

8.07:1

Text on #FFFFFF

AAA

2.60:1

Text on #000000

FAIL

7.71:1

Text on #F8FAFC

AAA

2.21:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Mediumblue

#0000CD