Navy blue colour codes
Every format for navy, plus the colours that pair with it.
#000080
A dark, moderately saturated violet. This is exactly CSS `navy`.
- Hex
- #000080
- RGB
- rgb(0 0 128)
- HSL
- hsl(240 100% 25.1%)
- OKLCH
- oklch(0.271 0.188 264.1)
- CMYK
- cmyk(100% 100% 0% 49.8%)
- Nearest name
- navy (exact)
Readable text
White text
16.01:1
Black text
1.31:1
Use white text. Passes AA for normal text: yes · AAA: yes · AA for large text: yes
Worth knowing
Worth knowing
10 derived colours are outside sRGB
Rotating hue at this chroma produces colours a normal screen cannot display, so they have been clipped to the nearest sRGB colour. The hex values shown are therefore not exactly what the maths asked for, and the harmony will look slightly less even than it should.
Fix: Lower the chroma of the input colour before deriving harmonies, or accept the clipped values as an approximation.
Note
CMYK here is a naive conversion
CMYK has no fixed meaning without an output profile — the same numbers print differently on different presses and papers. The value shown is the standard arithmetic conversion, not a colour-managed one.
Fix: For print work, convert in software with the press profile applied.
Complementary — the opposite hue
complementary
#4e0a00
clipped to sRGB
Analogous — neighbouring hues
analogous −30°
#002572
clipped to sRGB
analogous +30°
#340076
clipped to sRGB
Triadic — evenly spaced
triadic +120°
#660000
clipped to sRGB
triadic +240°
#003800
clipped to sRGB
Split-complementary — softer opposites
split-complementary +150°
#610000
clipped to sRGB
split-complementary +210°
#2a2a00
clipped to sRGB
Monochromatic — one hue, five lightnesses
lightness 0.25
#010079
clipped to sRGB
lightness 0.4
#0e38aa
lightness 0.55
#3668dd
lightness 0.7
#6198ff
clipped to sRGB
lightness 0.85
#8ec9ff
clipped to sRGB
Try your own colour
Paste one on the home page — you can also pick a colour straight out of a photo there. This page is available as markdown.