HEX Color #072CE2 (Mediumblue)

About #072CE2

At its core, #072CE2 is a medium and vivid hue. If you're using CSS, you might find it aligns closely with Mediumblue. Its digital footprint relies on 7 parts red, 44 parts green, and 226 parts blue light.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 97% cyan and 81% magenta inks. This makes it a relatively light color when applied to physical surfaces.

Contrast ratios determine whether this color is safe for typography. 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#072CE2

RGB7, 44, 226

HSL229.9°, 94.0%, 45.7%

CMYK97%, 81%, 0%, 11%

HSV229.9°, 96.9%, 88.6%

LAB32.6, 59.2, -91.0

XYZ14.7, 7.3, 72.6

Decimal470242

Color Harmonies

Complementary

#072CE2 #E2BD06

Analogous

#0699E2 #4F06E2

Triadic

#E2062C #2CE206

Tetradic

#E20699 #E2BD06 #06E24F

Tints, Shades & Tones

Tints (Adding White)

#072CE2

#2243E5

#3E5AE8

#5972EB

#7589EE

#90A1F2

#ACB8F5

#C7D0F8

#E3E7FB

#FFFFFF

Shades (Adding Black)

#072CE2

#0627C8

#0522AF

#041D96

#03187D

#031364

#020E4B

#010932

#000419

#000000

WCAG Contrast Accessibility

8.51:1

Text on #FFFFFF

AAA

2.47:1

Text on #000000

FAIL

8.13:1

Text on #F8FAFC

AAA

2.10:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #072CE2; }

.text-color { color: #072CE2; }

.border-color { border: 2px solid #072CE2; }

Similar Colors

Mediumblue

#0000CD