#1D24A0

A dark, moderate blue closely aligning with Navy.

About #1D24A0

The precise color #1D24A0 is an excellent choice for modern design projects. Designers often compare it to the standard color Navy. To achieve this exact tint on a monitor, you would use an RGB mix of 29, 36, and 160.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). The color uses 82% Cyan, 78% Magenta, 0% Yellow, and 37% Black. The HSL representation is 236.8° hue, 69.3% saturation, and 37.1% lightness.

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. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#1D24A0
RGB29, 36, 160
HSL236.8°, 69.3%, 37.1%
CMYK82%, 78%, 0%, 37%
HSV236.8°, 81.9%, 62.7%
LAB23.9, 42.4, -66.5
XYZ7.5, 4.1, 33.6
Decimal1909920

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

11.59:1
Text on #FFFFFF
AAA
1.81:1
Text on #000000
FAIL
11.08:1
Text on #F8FAFC
AAA
1.54:1
Text on #0F172A
FAIL

CSS Implementation

.bg-color { background-color: #1D24A0; }
.text-color { color: #1D24A0; }
.border-color { border: 2px solid #1D24A0; }

Similar Colors

Navy
#000080