HEX Color #002483 (Midnightblue)

About #002483

The precise color #002483 is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Midnightblue. To achieve this exact tint on a monitor, you would use an RGB mix of 0, 36, and 131.

For print applications, it's crucial to understand its CMYK makeup. Its ink density profile breaks down to 100% cyan, 73% magenta, 0% yellow, and 49% black. The HSL representation is 223.5° hue, 100.0% saturation, and 25.7% lightness.

Contrast ratios determine whether this color is safe for typography. 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#002483

RGB0, 36, 131

HSL223.5°, 100.0%, 25.7%

CMYK100%, 73%, 0%, 49%

HSV223.5°, 100.0%, 51.4%

LAB19.6, 30.3, -55.5

XYZ4.7, 2.9, 21.8

Decimal9347

Color Harmonies

Complementary

#002483 #835F00

Analogous

#006583 #1D0083

Triadic

#830023 #238300

Tetradic

#830065 #835F00 #00831D

Tints, Shades & Tones

Tints (Adding White)

#002483

#1C3C90

#38549E

#556DAC

#7185BA

#8D9DC7

#AAB6D5

#C6CEE3

#E2E6F1

#FFFFFF

Shades (Adding Black)

#002483

#002074

#001C65

#001857

#001448

#00103A

#000C2B

#00081D

#00040E

#000000

WCAG Contrast Accessibility

13.29:1

Text on #FFFFFF

AAA

1.58:1

Text on #000000

FAIL

12.70:1

Text on #F8FAFC

AAA

1.34:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #002483; }

.text-color { color: #002483; }

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

Similar Colors

Midnightblue

#191970