Navy in OKLCH

Navy is the deep, dark-blue CSS named color #000080. Here it is in OKLCH, RGB and as a full tonal palette you can copy or tweak below. 100% in your browser - copy the values or a Tailwind v4 export.

OKLCHoklch(27.1% 0.188 264.1)

HEX#000080

RGBrgb(0 0 128)

sRGB: in gamutDisplay-P3: in gamut

#000080

oklch(27.1% 0.188 264.1)

Lightness27.1%

Chroma0.188

Hue264.1°

sRGB: in gamutDisplay-P3: in gamut

Values

OKLCH

oklch(27.1% 0.188 264.1)

HEX

#000080

RGB

rgb(0 0 128)

Set from hex

Contrast (this color as text)

Aa on whiteWCAG 16.01:1

AA ✓AAA ✓

APCA Lc 101

Aa on blackWCAG 1.31:1

AA ✗AAA ✗

APCA Lc 0

Tonal palette

Tailwind steps · same hue

Export

Name

@theme {
  --color-brand-50: oklch(97.0% 0.129 264.1);
  --color-brand-100: oklch(94.0% 0.134 264.1);
  --color-brand-200: oklch(88.0% 0.144 264.1);
  --color-brand-300: oklch(80.0% 0.157 264.1);
  --color-brand-400: oklch(70.0% 0.174 264.1);
  --color-brand-500: oklch(62.0% 0.188 264.1);
  --color-brand-600: oklch(54.0% 0.174 264.1);
  --color-brand-700: oklch(46.0% 0.161 264.1);
  --color-brand-800: oklch(38.0% 0.147 264.1);
  --color-brand-900: oklch(30.0% 0.134 264.1);
  --color-brand-950: oklch(22.0% 0.120 264.1);
}

About navy

Navy is a very dark blue that reads as serious, trustworthy and premium, which is why it anchors so many corporate and editorial palettes. It is low in lightness with moderate chroma, so the tonal scale is great for generating a range of lighter blues to sit above it as tints. Hold the hue and raise lightness to pull those tints, then copy the OKLCH, HEX or RGB value.

Navy in CSS: oklch(27.1% 0.188 264.1) · #000080 · rgb(0 0 128)

Frequently Asked Questions

Navy is the CSS named color #000080. Its OKLCH value (a low lightness, blue hue) is shown in the readout above and can be copied in one click.

Navy pairs well with warm accents like gold and coral, and with crisp white or light grey for contrast. Use the tonal scale above to generate lighter navy tints for backgrounds and hovers.

Other colors in OKLCH

Rebecca Purple Coral Crimson Teal Hot Pink Gold

Back to the full OKLCH Color Picker