HEX Color #0007F8 (Blue)

About #0007F8

The precise color #0007F8 is an excellent choice for modern design projects. It is closely associated with the named CSS color Blue. Its digital footprint relies on 0 parts red, 7 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 100% cyan and 97% magenta inks. With a hue angle of 238.3 degrees, it sits comfortably in the blue spectrum.

Ensuring your text is legible against this background is a key part of web design. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#0007F8

RGB0, 7, 248

HSL238.3°, 100.0%, 48.6%

CMYK100%, 97%, 0%, 3%

HSV238.3°, 100.0%, 97.3%

LAB31.6, 76.5, -105.0

XYZ17.0, 6.9, 89.2

Decimal2040

Color Harmonies

Complementary

#0007F8 #F8F100

Analogous

#0082F8 #7400F8

Triadic

#F80006 #06F800

Tetradic

#F80082 #F8F100 #00F875

Tints, Shades & Tones

Tints (Adding White)

#0007F8

#1C22F8

#383EF9

#5559FA

#7175FB

#8D90FB

#AAACFC

#C6C7FD

#E2E3FE

#FFFFFF

Shades (Adding Black)

#0007F8

#0006DC

#0005C0

#0004A5

#000389

#00036E

#000252

#000137

#00001B

#000000

WCAG Contrast Accessibility

8.80:1

Text on #FFFFFF

AAA

2.39:1

Text on #000000

FAIL

8.41:1

Text on #F8FAFC

AAA

2.03:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Blue

#0000FF