Darkblue

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

#00008brgb(0, 0, 139)

Hex: #00008b
RGB: 0, 0, 139
HSL: 240°, 100%, 27%
OKLCH: 28.8% 0.199 264.1
LAB: 14.8 50.4 -68.7

Open #00008b in the explorer

Text contrast

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

Black text1.4:1 FailAPCA Lc 0

White text15.3:1 AAAAPCA Lc -103

Color vision

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

Full color
#00008b

Protanopia
#002c8e

Deuteranopia
#001d89

Tritanopia
#00374f

Tonal scale

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

50 100200300400500600700800900950

Copy into CSS

color: darkblue;
background: #00008b;

@theme {
  --color-darkblue-50: #f0f5ff;
  --color-darkblue-100: #dde8ff;
  --color-darkblue-200: #bad1ff;
  --color-darkblue-300: #8eb3ff;
  --color-darkblue-400: #6293ff;
  --color-darkblue-500: #3b70ee;
  --color-darkblue-600: #2253cf;
  --color-darkblue-700: #0c38b4;
  --color-darkblue-800: #001b98;
  --color-darkblue-900: #000c6a;
  --color-darkblue-950: #00003c;
}