HEX Color #0750AF (Darkslateblue)

About #0750AF

The hex code #0750AF represents a beautifully specific shade of blue. It is closely associated with the named CSS color Darkslateblue. To achieve this exact tint on a monitor, you would use an RGB mix of 7, 80, and 175.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 96% cyan and 54% magenta inks. With a hue angle of 213.9 degrees, it sits comfortably in the blue spectrum.

Ensuring your text is legible against this background is a key part of web design. To prevent eye strain, #FFFFFF text pairs best with this hex code. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#0750AF

RGB7, 80, 175

HSL213.9°, 92.3%, 35.7%

CMYK96%, 54%, 0%, 31%

HSV213.9°, 96.0%, 68.6%

LAB35.7, 18.3, -56.0

XYZ10.7, 8.9, 41.7

Decimal479407

Color Harmonies

Complementary

#0750AF #AF6607

Analogous

#07A4AF #1107AF

Triadic

#AF074F #4FAF07

Tetradic

#AF07A4 #AF6607 #07AF12

Tints, Shades & Tones

Tints (Adding White)

#0750AF

#2263B7

#3E76C0

#598AC9

#759DD2

#90B1DB

#ACC4E4

#C7D8ED

#E3EBF6

#FFFFFF

Shades (Adding Black)

#0750AF

#06479B

#053E88

#043574

#032C61

#03234D

#021A3A

#011126

#000813

#000000

WCAG Contrast Accessibility

7.57:1

Text on #FFFFFF

AAA

2.78:1

Text on #000000

FAIL

7.23:1

Text on #F8FAFC

AAA

2.36:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #0750AF; }

.text-color { color: #0750AF; }

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

Similar Colors

Darkslateblue

#483D8B