HEX Color #0757FF (Mediumslateblue)

About #0757FF

The precise color #0757FF is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Mediumslateblue. To achieve this exact tint on a monitor, you would use an RGB mix of 7, 87, and 255.

For print applications, it's crucial to understand its CMYK makeup. To reproduce this shade on paper, a printer utilizes 97% cyan and 66% magenta inks. With a hue angle of 220.6 degrees, it sits comfortably in the blue spectrum.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#0757FF

RGB7, 87, 255

HSL220.6°, 100.0%, 51.4%

CMYK97%, 66%, 0%, 0%

HSV220.6°, 97.3%, 100.0%

LAB44.3, 44.7, -87.9

XYZ21.5, 14.1, 96.2

Decimal481279

Color Harmonies

Complementary

#0757FF #FFAE06

Analogous

#06D3FF #3206FF

Triadic

#FF0657 #57FF06

Tetradic

#FF06D3 #FFAE06 #06FF32

Tints, Shades & Tones

Tints (Adding White)

#0757FF

#2269FF

#3E7CFF

#598FFF

#75A1FF

#90B4FF

#ACC7FF

#C7D9FF

#E3ECFF

#FFFFFF

Shades (Adding Black)

#0757FF

#064DE2

#0543C6

#043AAA

#03308D

#032671

#021D55

#011338

#00091C

#000000

WCAG Contrast Accessibility

5.50:1

Text on #FFFFFF

AA

3.82:1

Text on #000000

AA Large

5.26:1

Text on #F8FAFC

AA

3.24:1

Text on #0F172A

AA Large

CSS Implementation

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

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

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

Similar Colors

Mediumslateblue

#7B68EE