HEX Color #1D33C5 (Darkblue)

About #1D33C5

When working with digital screens, the color #1D33C5 is rendered by mixing light. It is closely associated with the named CSS color Darkblue. In the RGB color space, it consists of 29 red, 51 green, and 197 blue.

For print applications, it's crucial to understand its CMYK makeup. The color uses 85% Cyan, 74% Magenta, 0% Yellow, and 23% Black. 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. Mathematical luminance calculations suggest that #FFFFFF 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#1D33C5

RGB29, 51, 197

HSL232.1°, 74.3%, 44.3%

CMYK85%, 74%, 0%, 23%

HSV232.1°, 85.3%, 77.3%

LAB31.0, 46.5, -76.7

XYZ11.8, 6.7, 53.5

Decimal1913797

Color Harmonies

Complementary

#1D33C5 #C5AF1D

Analogous

#1D86C5 #5B1DC5

Triadic

#C51D32 #32C51D

Tetradic

#C51D86 #C5AF1D #1DC55B

Tints, Shades & Tones

Tints (Adding White)

#1D33C5

#3649CB

#4F60D1

#6877D8

#818DDE

#9AA4E5

#B3BBEB

#CCD1F2

#E5E8F8

#FFFFFF

Shades (Adding Black)

#1D33C5

#192DAF

#162799

#132283

#101C6D

#0C1657

#091141

#060B2B

#030515

#000000

WCAG Contrast Accessibility

9.01:1

Text on #FFFFFF

AAA

2.33:1

Text on #000000

FAIL

8.61:1

Text on #F8FAFC

AAA

1.98:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Darkblue

#00008B