HEX Color #0042E2 (Mediumblue)

About #0042E2

The precise color #0042E2 is an excellent choice for modern design projects. Designers often compare it to the standard color Mediumblue. In the RGB color space, it consists of 0 red, 66 green, and 226 blue.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). Its ink density profile breaks down to 100% cyan, 71% magenta, 0% yellow, and 11% black. Always request a physical proof before doing a large print run with this exact code.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. To prevent eye strain, #FFFFFF text pairs best with this hex code. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#0042E2

RGB0, 66, 226

HSL222.5°, 100.0%, 44.3%

CMYK100%, 71%, 0%, 11%

HSV222.5°, 100.0%, 88.6%

LAB36.7, 47.0, -84.1

XYZ15.7, 9.4, 72.9

Decimal17122

Color Harmonies

Complementary

#0042E2 #E29F00

Analogous

#00B3E2 #2E00E2

Triadic

#E20041 #42E200

Tetradic

#E200B3 #E29F00 #00E22F

Tints, Shades & Tones

Tints (Adding White)

#0042E2

#1C57E5

#386CE8

#5581EB

#7196EE

#8DABF2

#AAC0F5

#C6D5F8

#E2EAFB

#FFFFFF

Shades (Adding Black)

#0042E2

#003AC8

#0033AF

#002C96

#00247D

#001D64

#00164B

#000E32

#000719

#000000

WCAG Contrast Accessibility

7.30:1

Text on #FFFFFF

AAA

2.88:1

Text on #000000

FAIL

6.98:1

Text on #F8FAFC

AA

2.45:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #0042E2; }

.text-color { color: #0042E2; }

.border-color { border: 2px solid #0042E2; }

Similar Colors

Mediumblue

#0000CD