HEX Color #075FF8 (Mediumslateblue)

About #075FF8

The hex code #075FF8 represents a beautifully specific shade of blue. 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, 95, and 248.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). Its ink density profile breaks down to 97% cyan, 62% magenta, 0% yellow, and 3% black. The HSL representation is 218.1° hue, 94.5% saturation, and 50.0% lightness.

From a UX and accessibility standpoint, contrast is paramount. 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#075FF8

RGB7, 95, 248

HSL218.1°, 94.5%, 50.0%

CMYK97%, 62%, 0%, 3%

HSV218.1°, 97.2%, 97.3%

LAB45.6, 37.2, -81.8

XYZ21.1, 15.0, 90.6

Decimal483320

Color Harmonies

Complementary

#075FF8 #F79F07

Analogous

#07D7F7 #2707F7

Triadic

#F7075F #5FF707

Tetradic

#F707D7 #F79F07 #07F727

Tints, Shades & Tones

Tints (Adding White)

#075FF8

#2270F8

#3E82F9

#5994FA

#75A6FB

#90B7FB

#ACC9FC

#C7DBFD

#E3EDFE

#FFFFFF

Shades (Adding Black)

#075FF8

#0654DC

#0549C0

#043FA5

#033489

#032A6E

#021F52

#011537

#000A1B

#000000

WCAG Contrast Accessibility

5.25:1

Text on #FFFFFF

AA

4.00:1

Text on #000000

AA Large

5.02:1

Text on #F8FAFC

AA

3.40:1

Text on #0F172A

AA Large

CSS Implementation

.bg-color { background-color: #075FF8; }

.text-color { color: #075FF8; }

.border-color { border: 2px solid #075FF8; }

Similar Colors

Mediumslateblue

#7B68EE