bluecoolCSS named color

Darkblue #00008B

Darkblue 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 →Colors that go with darkblue →

Families: Blues · Navy Blues · Indigo Colors

Color values

FormatValue
HEX#00008B
RGBrgb(0, 0, 139)
HSLhsl(240, 100%, 27%)
HSVhsv(240, 100%, 55%)
OKLCHoklch(28.78% 0.199 264.1)
OKLaboklab(28.78% -0.0207 -0.1984)
CMYKcmyk(100%, 100%, 0%, 45.5%)
XYZxyz(4.6586, 1.8634, 24.5352)
CIE-LABlab(14.8, 50.4, -68.7)
CIE-LCHlch(14.8, 85.2, 306.3°)
Luminance0.019 (WCAG relative)
/* Darkblue */ --darkblue: #00008b; color: #00008b; background-color: #00008b;

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

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)

#0c037c #12066e #160860 #170952 #170a45 #160938 #15072b #12041f #0b0214 #000000

Tints (toward white)

#361d97 #5235a3 #6b4daf #8165ba #977dc6 #ac96d1 #c1afdd #d6c9e8 #eae4f4 #ffffff

Tones (toward gray)

#150780 #1e0d75 #24126b #281661 #2a1956 #2b1c4c #2a1f42 #2a2139 #28232f #252525

Color harmonies

Complementary

Edit in generator →
#00008B
#8B8B00
#00008b #8b8b00

Analogous

Edit in generator →
#00468B
#00008B
#46008B
#00468b #00008b #46008b

Triadic

Edit in generator →
#00008B
#8B0000
#008B00
#00008b #8b0000 #008b00

Tetradic

Edit in generator →
#00008B
#8B0046
#8B8B00
#008B46
#00008b #8b0046 #8b8b00 #008b46

Square

Edit in generator →
#00008B
#8B0046
#8B8B00
#008B46
#00008b #8b0046 #8b8b00 #008b46

Split Complementary

Edit in generator →
#00008B
#8B4600
#468B00
#00008b #8b4600 #468b00

Monochromatic

Edit in generator →
#00001F
#00004E
#00008B
#0000C8
#0606FF
#00001f #00004e #00008b #0000c8 #0606ff

Accessibility & contrast

15.30
#00008B on #FFFFFF
AA text ✓AA large ✓AAA text ✓UI 3:1 ✓
1.37
#00008B on #000000
AA text ✗AA large ✗AAA text ✗UI 3:1 ✗

Best text on darkblue

15.30
#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)
#002C8E
Deuteranopia (green-blind)
#001D89
Tritanopia (blue-blind)
#00374F

Closest named colors

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

ColorNameΔE₀₀
Navy #0000801.56
Deep Blue #0402733.43
Royal #0C17933.72
Cobalt Blue #030AA74.20
Ultramarine #2000B15.63
Midnight Blue #1919706.18

Colors that go with darkblue

Top matches by hue harmony, contrast and saturation compatibility. See all 10 ranked combinations →

5.1:1
Same hue family as darkblue (Δh 2°) — guaranteed harmony
Light Urple #B36FF6
4.8:1
Analogous hue (Δh ≈30°) — neighbors on the color wheel
Grapefruit #FD5956
4.9:1
Triadic harmony (Δh ≈121°) — balanced three-way contrast
Mango #FFA62B
7.8:1
Split-complementary angle (Δh ≈155°) — strong but softer than direct complement
Gold #FFD700
10.9: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.