HEX Color #073AF8 (Mediumblue)

About #073AF8

When working with digital screens, the color #073AF8 is rendered by mixing light. If you're using CSS, you might find it aligns closely with Mediumblue. Its digital footprint relies on 7 parts red, 58 parts green, and 248 parts blue light.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). To reproduce this shade on paper, a printer utilizes 97% cyan and 77% magenta inks. The HSL representation is 227.3° hue, 94.5% saturation, and 50.0% lightness.

Ensuring your text is legible against this background is a key part of web design. The calculated luminance score dictates that #FFFFFF typography is the safest choice. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#073AF8

RGB7, 58, 248

HSL227.3°, 94.5%, 50.0%

CMYK97%, 77%, 0%, 3%

HSV227.3°, 97.2%, 97.3%

LAB37.6, 59.1, -95.1

XYZ18.5, 9.8, 89.7

Decimal473848

Color Harmonies

Complementary

#073AF8 #F7C407

Analogous

#07B2F7 #4C07F7

Triadic

#F7073A #3AF707

Tetradic

#F707B2 #F7C407 #07F74C

Tints, Shades & Tones

Tints (Adding White)

#073AF8

#224FF8

#3E65F9

#597BFA

#7591FB

#90A7FB

#ACBDFC

#C7D3FD

#E3E9FE

#FFFFFF

Shades (Adding Black)

#073AF8

#0633DC

#052DC0

#0426A5

#032089

#03196E

#021352

#010C37

#00061B

#000000

WCAG Contrast Accessibility

7.07:1

Text on #FFFFFF

AAA

2.97:1

Text on #000000

FAIL

6.76:1

Text on #F8FAFC

AA

2.52:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Mediumblue

#0000CD