Navy

navy is a CSS color keyword. The closest Tailwind step is violet-900 (#4c1d95).

#000080rgb(0, 0, 128)

Hex: #000080
RGB: 0, 0, 128
HSL: 240°, 100%, 25%
OKLCH: 27.1% 0.188 264.1
LAB: 13.0 47.5 -64.7

Open #000080 in the explorer

Text contrast

Black or white text on #000080. AA needs 4.5:1 and AAA needs 7:1. APCA Lc is a separate readability score.

Black text1.3:1 FailAPCA Lc 0

White text16.0:1 AAAAPCA Lc -103

Color vision

How #000080 looks in simulations of color blindness, at full severity.

Full color
#000080

Protanopia
#002883

Deuteranopia
#001a7e

Tritanopia
#003248

Tonal scale

An OKLCH ramp that keeps this hue. The marked step is the closest lightness to navy.

50 100200300400500600700800900950

Copy into CSS

color: navy;
background: #000080;

@theme {
  --color-navy-50: #f0f5ff;
  --color-navy-100: #dde8ff;
  --color-navy-200: #bad1ff;
  --color-navy-300: #8eb3ff;
  --color-navy-400: #6293ff;
  --color-navy-500: #3f71e8;
  --color-navy-600: #2655c9;
  --color-navy-700: #113bae;
  --color-navy-800: #011f93;
  --color-navy-900: #000c6a;
  --color-navy-950: #00003c;
}