bluecoolCSS named color

Navy #000080

Navy is a dark, highly saturated cool-toned color with a cool cast. Defined as one of the 148 CSS named colors in the W3C CSS Color Module Level 4 specification.

Use cases: Trust UI · Corporate accents

Open in generator →

Families: Blues · Navy Blues · Indigo Colors

Color values

FormatValue
HEX#000080
RGBrgb(0, 0, 128)
HSLhsl(240, 100%, 25%)
HSVhsv(240, 100%, 50%)
OKLCHoklch(27.12% 0.188 264.1)
OKLaboklab(27.12% -0.0195 -0.1869)
CMYKcmyk(100%, 100%, 0%, 49.8%)
XYZxyz(3.8949, 1.558, 20.5133)
CIE-LABlab(13.0, 47.5, -64.7)
CIE-LCHlch(13.0, 80.3, 306.3°)
Luminance0.016 (WCAG relative)
/* Navy */ --navy: #000080; color: #000080; background-color: #000080;

Source: W3C CSS named color. CSS keyword: navy.

Collections: Dark Blue Shades · Navy Blue Colors · Jewel Tone Colors · Ocean Colors

Shade scale

Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →

50
100
200
300
400
500
600
700
800
900
950

OKLCH ramp (perceptually uniform, modern CSS)

50
100
200
300
400
500
600
700
800
900
950

Shades (toward black)

#0b0373 #110565 #140759 #15084c #160840 #160734 #150529 #11031e #0a0213 #000000

Tints (toward white)

#331b8d #4f339a #674ba6 #7e63b3 #947bc0 #aa95cd #bfaed9 #d4c9e6 #eae4f2 #ffffff

Tones (toward gray)

#120676 #1b0b6c #210f62 #241359 #26164f #271946 #261b3d #261e33 #24202a #212121

Color harmonies

Complementary

Edit in generator →
#000080
#808000
#000080 #808000

Analogous

Edit in generator →
#004080
#000080
#400080
#004080 #000080 #400080

Triadic

Edit in generator →
#000080
#800000
#008000
#000080 #800000 #008000

Tetradic

Edit in generator →
#000080
#800040
#808000
#008040
#000080 #800040 #808000 #008040

Square

Edit in generator →
#000080
#800040
#808000
#008040
#000080 #800040 #808000 #008040

Split Complementary

Edit in generator →
#000080
#804000
#408000
#000080 #804000 #408000

Monochromatic

Edit in generator →
#00001F
#000043
#000080
#0000BD
#0000FA
#00001f #000043 #000080 #0000bd #0000fa

Accessibility & contrast

16.01
#000080 on #FFFFFF
AA text AA large AAA text UI 3:1
1.31
#000080 on #000000
AA text AA large AAA text UI 3:1

Best text on navy

16.01
#FFFFFF text

WCAG 2.1: AA needs ≥4.5:1 for normal text, ≥3:1 for large text and UI components; AAA needs ≥7:1 / ≥4.5:1. Open the contrast checker →

Color blindness preview

Simulation using the Machado et al. (2009) physiological model, severity 1.0. This is an approximation of perception — not a medical assessment.

Normal vision
Protanopia (red-blind)
#002883
Deuteranopia (green-blind)
#001A7E
Tritanopia (blue-blind)
#003248

Closest named colors

Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀) across the full color database.

ColorNameΔE₀₀
Darkblue #00008B1.56
Deep Blue #0402731.90
Royal #0C17934.65
Midnight Blue #1919705.55
Dark Blue #00035B5.70
Cobalt Blue #030AA75.71

Colors that go with navy

Top matches by hue harmony, contrast and saturation compatibility.

Dark Periwinkle #665FD1
3.1:1
Same hue family as navy (Δh 4°) — guaranteed harmony
Violet (CSS) #EE82EE
6.9:1
Warm/cool bridge (Δh 60°) — adds depth without tension
Coral Pink #FF6163
5.4:1
Triadic harmony (Δh ≈119°) — balanced three-way contrast
Light Orange #FDAA48
8.4:1
Split-complementary angle (Δh ≈152°) — strong but softer than direct complement
Gold #FFD700
11.4:1
Complementary hue (Δh ≈171°) — maximum hue contrast

Values computed from the sRGB color model. CMYK is the naive sRGB conversion without an ICC profile. RGB percentages may differ between color-managed applications.