HEX Color #0007E2 (Mediumblue)

About #0007E2

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

When sending designs containing this color to a printer, the CMYK values come into play. The color uses 100% Cyan, 97% Magenta, 0% Yellow, and 11% Black. The HSL representation is 238.1° hue, 100.0% saturation, and 44.3% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#0007E2

RGB0, 7, 226

HSL238.1°, 100.0%, 44.3%

CMYK100%, 97%, 0%, 11%

HSV238.1°, 100.0%, 88.6%

LAB28.5, 71.0, -97.8

XYZ13.8, 5.6, 72.3

Decimal2018

Color Harmonies

Complementary

#0007E2 #E2DB00

Analogous

#0077E2 #6A00E2

Triadic

#E20006 #06E200

Tetradic

#E20077 #E2DB00 #00E26A

Tints, Shades & Tones

Tints (Adding White)

#0007E2

#1C22E5

#383EE8

#5559EB

#7175EE

#8D90F2

#AAACF5

#C6C7F8

#E2E3FB

#FFFFFF

Shades (Adding Black)

#0007E2

#0006C8

#0005AF

#000496

#00037D

#000364

#00024B

#000132

#000019

#000000

WCAG Contrast Accessibility

9.87:1

Text on #FFFFFF

AAA

2.13:1

Text on #000000

FAIL

9.43:1

Text on #F8FAFC

AAA

1.81:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Mediumblue

#0000CD