HEX Color #000F8A (Navy)

About #000F8A

The precise color #000F8A is an excellent choice for modern design projects. It is closely associated with the named CSS color Navy. To achieve this exact tint on a monitor, you would use an RGB mix of 0, 15, and 138.

For print applications, it's crucial to understand its CMYK makeup. To reproduce this shade on paper, a printer utilizes 100% cyan and 89% magenta inks. This makes it a relatively light color when applied to physical surfaces.

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#000F8A

RGB0, 15, 138

HSL233.5°, 100.0%, 27.1%

CMYK100%, 89%, 0%, 46%

HSV233.5°, 100.0%, 54.1%

LAB16.4, 44.7, -65.3

XYZ4.8, 2.2, 24.2

Decimal3978

Color Harmonies

Complementary

#000F8A #8A7B00

Analogous

#00548A #36008A

Triadic

#8A000E #0E8A00

Tetradic

#8A0053 #8A7B00 #008A36

Tints, Shades & Tones

Tints (Adding White)

#000F8A

#1C2997

#3844A4

#555FB1

#7179BE

#8D94CB

#AAAFD8

#C6C9E5

#E2E4F2

#FFFFFF

Shades (Adding Black)

#000F8A

#000D7A

#000B6B

#000A5C

#00084C

#00063D

#00052E

#00031E

#00010F

#000000

WCAG Contrast Accessibility

14.63:1

Text on #FFFFFF

AAA

1.44:1

Text on #000000

FAIL

13.98:1

Text on #F8FAFC

AAA

1.22:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Navy

#000080