HEX Color #0757A8 (Darkslateblue)

About #0757A8

The hex code #0757A8 represents a beautifully specific shade of blue. If you're using CSS, you might find it aligns closely with Darkslateblue. To achieve this exact tint on a monitor, you would use an RGB mix of 7, 87, and 168.

For print applications, it's crucial to understand its CMYK makeup. To reproduce this shade on paper, a printer utilizes 96% cyan and 48% magenta inks. The HSL representation is 210.2° hue, 92.0% saturation, and 34.3% 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#0757A8

RGB7, 87, 168

HSL210.2°, 92.0%, 34.3%

CMYK96%, 48%, 0%, 34%

HSV210.2°, 95.8%, 65.9%

LAB37.3, 10.8, -49.4

XYZ10.6, 9.7, 38.4

Decimal481192

Color Harmonies

Complementary

#0757A8 #A85807

Analogous

#07A7A8 #0707A8

Triadic

#A80756 #56A807

Tetradic

#A807A7 #A85807 #07A807

Tints, Shades & Tones

Tints (Adding White)

#0757A8

#2269B1

#3E7CBB

#598FC5

#75A1CE

#90B4D8

#ACC7E2

#C7D9EB

#E3ECF5

#FFFFFF

Shades (Adding Black)

#0757A8

#064D95

#054382

#043A70

#03305D

#03264A

#021D38

#011325

#000912

#000000

WCAG Contrast Accessibility

7.15:1

Text on #FFFFFF

AAA

2.94:1

Text on #000000

FAIL

6.83:1

Text on #F8FAFC

AA

2.50:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #0757A8; }

.text-color { color: #0757A8; }

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

Similar Colors

Darkslateblue

#483D8B