HEX
#00008BPrimary tokenCSS Named Color Reference
Dark Blue Color Code
Dark Blue·#00008B
Blue FamilyCoolDark toneHigh saturationoklch(28.8% 0.199 264)
RGB
rgb(0, 0, 139)Screen valuesHSL
hsl(240 100% 27%)Hue and lightnessCMYK
100, 100, 0, 45Print handoffLAB
15, 50, -69Perceptual referenceOKLCH
oklch(28.8% 0.199 264)Modern perceptualDark Blue is a dense CSS named blue at #00008B that sits between Navy and standard Blue. Use it when you need a darker, more concentrated blue for navigation, structural emphasis, and high-contrast interface accents without drifting fully into navy.
Best text colorWhite text
Body text contrast15.30:1
Best UseDeep navigation, system emphasis, and concentrated dark accents
Tonal Scale
100#D1D1EA
300#8A8ACA
500#2E2EA0
600#00008B
800#000064
Contrast Checks
White text on this color
Buttons, badges, and filled actions.
15.30:1AAA-level contrast
Dark text on this color
Large headings and selective UI.
1.12:1Needs more separation
This color on light surface
Links, borders, and icons on light UI.
14.53:1AAA-level contrast
Best text colorWhite textContrast 15.30:1
Professional Reference
OKLCHoklch(28.8% 0.199 264)
Relative Luminance0.0186
Source TypeCSS Named Color
Classification
Blue FamilyCoolDark toneHigh saturation
Source Context
Source Type
CSS Named Color
System
CSS
Closest Matches
Accessibility Matrix
White text on this color
White text placed on the current color.
15.30:1AAA
Dark text on this color
Dark text or headings on the current color.
1.12:1Needs more separation
This color on light surface
Use this color for links, strokes, or icons on light UI.
14.53:1AAA
This color on dark surface
Use this color inside dark shells for strokes, tags, or icons.
1.12:1Needs more separation
Best text colorWhite textContrast 15.30:1 · AAA
Where It Works
- Headers, side nav, and concentrated emphasis.
- Darker than Medium Blue, cleaner than Navy.
- Pairs with white, slate neutrals, and brighter blues.
Reference Notes
Last Updated
2026-06-09
Source Library
CSS Standard Colors
Methodology
Verified source values + site guidance
Color Notes
Dark Blue is sourced from the published CSS Standard Colors library and retained here as a searchable reference swatch for product, interface, and branding work.
Hue Family
Trust-building blues for enterprise and SaaS.
Source Collections
CSS Named Colors
Related Colors
Palette Starting Points
Implementation Snippets
:root {
--color-dark-blue: #00008B;
--color-dark-blue-rgb: 0 0 139;
}class="bg-[#00008B] text-white"
class="hover:bg-[#000064] ring-1 ring-[#00008B]"{
"darkBlue": "#00008B",
"darkBlueRgb": [0, 0, 139],
"darkBlueHsl": [240, 100, 27]
}