HEX Color #1D33D3 (Mediumblue)

About #1D33D3

The precise color #1D33D3 is an excellent choice for modern design projects. It is closely associated with the named CSS color Mediumblue. To achieve this exact tint on a monitor, you would use an RGB mix of 29, 51, and 211.

Translating this color to physical media requires the CMYK color model. The color uses 86% Cyan, 76% Magenta, 0% Yellow, and 17% Black. The HSL representation is 232.7° hue, 75.8% saturation, and 47.1% lightness.

Ensuring your text is legible against this background is a key part of web design. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#1D33D3

RGB29, 51, 211

HSL232.7°, 75.8%, 47.1%

CMYK86%, 76%, 0%, 17%

HSV232.7°, 86.3%, 82.7%

LAB32.6, 51.3, -82.4

XYZ13.4, 7.3, 62.3

Decimal1913811

Color Harmonies

Complementary

#1D33D3 #D2BD1D

Analogous

#1D8DD2 #611DD2

Triadic

#D21D32 #32D21D

Tetradic

#D21D8D #D2BD1D #1DD262

Tints, Shades & Tones

Tints (Adding White)

#1D33D3

#3649D7

#4F60DC

#6877E1

#818DE6

#9AA4EB

#B3BBF0

#CCD1F5

#E5E8FA

#FFFFFF

Shades (Adding Black)

#1D33D3

#192DBB

#1627A4

#13228C

#101C75

#0C165D

#091146

#060B2E

#030517

#000000

WCAG Contrast Accessibility

8.51:1

Text on #FFFFFF

AAA

2.47:1

Text on #000000

FAIL

8.14:1

Text on #F8FAFC

AAA

2.10:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #1D33D3; }

.text-color { color: #1D33D3; }

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

Similar Colors

Mediumblue

#0000CD