CSS named color
Navy
#000080
HEX
#000080RGB
rgb(0, 0, 128)HSL
hsl(240, 100%, 25%)OKLCH
oklch(27.11% 0.1879 264.05)NAME
navyPalette
Complementary
180° on the color wheelComplement
#7F8000
Analogous
±30° around the base hueLeft
#004080
Right
#400080
Triadic
±120° for harmonic contrastShades
Lighter and darker variantsCSS usage
By name
color: navy;
background-color: navy;By HEX
color: #000080;
background-color: #000080;By RGB
color: rgb(0, 0, 128);
background-color: rgb(0, 0, 128);By HSL
color: hsl(240, 100%, 25%);
background-color: hsl(240, 100%, 25%);WCAG contrast vs white
Aa
16.01:1
AAA
WCAG contrast vs black
Aa
1.31:1
Below minimum
Related colors
FAQ — Navy
What is the HEX code for Navy?
The HEX code for Navy is #000080. It's one of the 148 named CSS colors and can be used directly in CSS as color: navy; or color: #000080;
What is Navy in RGB?
Navy in RGB is rgb(0, 0, 128) — red 0, green 0, blue 128.
What is Navy in HSL?
Navy in HSL is hsl(240, 100%, 25%) — hue 240°, saturation 100%, lightness 25%.
What is the complementary color of Navy?
The complementary color (directly opposite Navy on the color wheel) is #7F8000. The two together produce maximum contrast.
Is white text readable on Navy?
The WCAG contrast ratio against white (#FFFFFF) is 16.01:1, and against black (#000000) it's 1.31:1. White text is more readable. WCAG recommends at least 4.5:1 for body text.