HEX Color #073A75 (Darkslateblue)

About #073A75

The hex code #073A75 represents a beautifully specific shade of blue. Its closest recognized web color is Darkslateblue. To achieve this exact tint on a monitor, you would use an RGB mix of 7, 58, and 117.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 94% cyan and 50% magenta inks. This makes it a relatively dark color when applied to physical surfaces.

From a UX and accessibility standpoint, contrast is paramount. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#073A75

RGB7, 58, 117

HSL212.2°, 88.7%, 24.3%

CMYK94%, 50%, 0%, 54%

HSV212.2°, 94.0%, 45.9%

LAB24.8, 9.0, -38.2

XYZ4.8, 4.4, 17.4

Decimal473717

Color Harmonies

Complementary

#073A75 #754106

Analogous

#067175 #0A0675

Triadic

#75063A #3A7506

Tetradic

#750671 #754106 #06750A

Tints, Shades & Tones

Tints (Adding White)

#073A75

#224F84

#3E6593

#597BA3

#7591B2

#90A7C1

#ACBDD1

#C7D3E0

#E3E9EF

#FFFFFF

Shades (Adding Black)

#073A75

#063368

#052D5B

#04264E

#032041

#031934

#021327

#010C1A

#00060D

#000000

WCAG Contrast Accessibility

11.22:1

Text on #FFFFFF

AAA

1.87:1

Text on #000000

FAIL

10.73:1

Text on #F8FAFC

AAA

1.59:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #073A75; }

.text-color { color: #073A75; }

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

Similar Colors

Darkslateblue

#483D8B