HEX Color #000FF0 (Blue)

About #000FF0

The precise color #000FF0 is an excellent choice for modern design projects. Designers often compare it to the standard color Blue. Its digital footprint relies on 0 parts red, 15 parts green, and 240 parts blue light.

For print applications, it's crucial to understand its CMYK makeup. Its ink density profile breaks down to 100% cyan, 94% magenta, 0% yellow, and 6% black. The HSL representation is 236.2° hue, 100.0% saturation, and 47.1% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Because it is a medium color, it is generally recommended to use #FFFFFF text. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#000FF0

RGB0, 15, 240

HSL236.2°, 100.0%, 47.1%

CMYK100%, 94%, 0%, 6%

HSV236.2°, 100.0%, 94.1%

LAB31.0, 73.1, -101.7

XYZ15.9, 6.6, 82.9

Decimal4080

Color Harmonies

Complementary

#000FF0 #EFE100

Analogous

#0086EF #6900EF

Triadic

#EF000E #0EEF00

Tetradic

#EF0086 #EFE100 #00EF69

Tints, Shades & Tones

Tints (Adding White)

#000FF0

#1C29F1

#3844F3

#555FF5

#7179F6

#8D94F8

#AAAFFA

#C6C9FB

#E2E4FD

#FFFFFF

Shades (Adding Black)

#000FF0

#000DD5

#000BBA

#000AA0

#000885

#00066A

#000550

#000335

#00011A

#000000

WCAG Contrast Accessibility

9.03:1

Text on #FFFFFF

AAA

2.33:1

Text on #000000

FAIL

8.63:1

Text on #F8FAFC

AAA

1.98:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #000FF0; }

.text-color { color: #000FF0; }

.border-color { border: 2px solid #000FF0; }

Similar Colors

Blue

#0000FF