HEX Color #07073A (Midnightblue)

About #07073A

At its core, #07073A is a very dark and vivid hue. Its closest recognized web color is Midnightblue. To achieve this exact tint on a monitor, you would use an RGB mix of 7, 7, and 58.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). The color uses 88% Cyan, 88% Magenta, 0% Yellow, and 77% Black. The HSL representation is 240.0° hue, 78.5% saturation, and 12.7% 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. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#07073A

RGB7, 7, 58

HSL240.0°, 78.5%, 12.7%

CMYK88%, 88%, 0%, 77%

HSV240.0°, 87.9%, 22.7%

LAB4.5, 18.3, -31.4

XYZ0.9, 0.5, 4.1

Decimal460602

Color Harmonies

Complementary

#07073A #393A06

Analogous

#06203A #20063A

Triadic

#3A0606 #063A06

Tetradic

#3A0620 #393A06 #063A20

Tints, Shades & Tones

Tints (Adding White)

#07073A

#22224F

#3E3E65

#59597B

#757591

#9090A7

#ACACBD

#C7C7D3

#E3E3E9

#FFFFFF

Shades (Adding Black)

#07073A

#060633

#05052D

#040426

#030320

#030319

#020213

#01010C

#000006

#000000

WCAG Contrast Accessibility

19.08:1

Text on #FFFFFF

AAA

1.10:1

Text on #000000

FAIL

18.24:1

Text on #F8FAFC

AAA

1.07:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #07073A; }

.text-color { color: #07073A; }

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

Similar Colors

Midnightblue

#191970