HEX Color #0700D3 (Mediumblue)

About #0700D3

The hex code #0700D3 represents a beautifully specific shade of blue. If you're using CSS, you might find it aligns closely with Mediumblue. Its digital footprint relies on 7 parts red, 0 parts green, and 211 parts blue light.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). Its ink density profile breaks down to 97% cyan, 100% magenta, 0% yellow, and 17% black. The HSL representation is 242.0° hue, 100.0% saturation, and 41.4% lightness.

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

RGB7, 0, 211

HSL242.0°, 100.0%, 41.4%

CMYK97%, 100%, 0%, 17%

HSV242.0°, 100.0%, 82.7%

LAB26.0, 68.7, -93.3

XYZ11.8, 4.7, 61.9

Decimal458963

Color Harmonies

Complementary

#0700D3 #CCD300

Analogous

#0062D3 #7000D3

Triadic

#D30700 #00D307

Tetradic

#D30062 #CCD300 #00D370

Tints, Shades & Tones

Tints (Adding White)

#0700D3

#221CD7

#3E38DC

#5955E1

#7571E6

#908DEB

#ACAAF0

#C7C6F5

#E3E2FA

#FFFFFF

Shades (Adding Black)

#0700D3

#0600BB

#0500A4

#04008C

#030075

#03005D

#020046

#01002E

#000017

#000000

WCAG Contrast Accessibility

10.77:1

Text on #FFFFFF

AAA

1.95:1

Text on #000000

FAIL

10.29:1

Text on #F8FAFC

AAA

1.66:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #0700D3; }

.text-color { color: #0700D3; }

.border-color { border: 2px solid #0700D3; }

Similar Colors

Mediumblue

#0000CD