HEX Color #1D24B6 (Darkblue)

About #1D24B6

The precise color #1D24B6 is an excellent choice for modern design projects. 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 29, 36, and 182.

When sending designs containing this color to a printer, the CMYK values come into play. This specific hue requires a mix of 84% C, 80% M, 0% Y, and 29% K. This makes it a relatively light color when applied to physical surfaces.

Contrast ratios determine whether this color is safe for typography. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#1D24B6

RGB29, 36, 182

HSL237.3°, 72.5%, 41.4%

CMYK84%, 80%, 0%, 29%

HSV237.3°, 84.1%, 71.4%

LAB26.4, 49.7, -75.5

XYZ9.6, 4.9, 44.7

Decimal1909942

Color Harmonies

Complementary

#1D24B6 #B6AF1D

Analogous

#1D70B6 #621DB6

Triadic

#B61D23 #23B61D

Tetradic

#B61D70 #B6AF1D #1DB662

Tints, Shades & Tones

Tints (Adding White)

#1D24B6

#363CBE

#4F54C6

#686DCE

#8185D6

#9A9DDE

#B3B6E6

#CCCEEE

#E5E6F6

#FFFFFF

Shades (Adding Black)

#1D24B6

#1920A1

#161C8D

#131879

#101465

#0C1050

#090C3C

#060828

#030414

#000000

WCAG Contrast Accessibility

10.61:1

Text on #FFFFFF

AAA

1.98:1

Text on #000000

FAIL

10.14:1

Text on #F8FAFC

AAA

1.68:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Darkblue

#00008B