CSS named color
DarkBlue
#00008B
HEX
#00008bRGB
rgb(0, 0, 139)HSL
hsl(240, 100%, 27%)OKLCH
oklch(28.78% 0.1994 264.05)NAME
darkbluePalette
Complementary
180° on the color wheelComplement
#8A8A00
Analogous
±30° around the base hueLeft
#00458A
Right
#45008A
Triadic
±120° for harmonic contrastTriad 1
#8A0000
Triad 2
#008A00
Shades
Lighter and darker variantsCSS usage
By name
color: darkblue;
background-color: darkblue;By HEX
color: #00008b;
background-color: #00008b;By RGB
color: rgb(0, 0, 139);
background-color: rgb(0, 0, 139);By HSL
color: hsl(240, 100%, 27%);
background-color: hsl(240, 100%, 27%);WCAG contrast vs white
Aa
15.30:1
AAA
WCAG contrast vs black
Aa
1.37:1
Below minimum
Related colors
FAQ — DarkBlue
What is the HEX code for DarkBlue?
The HEX code for DarkBlue is #00008B. It's one of the 148 named CSS colors and can be used directly in CSS as color: darkblue; or color: #00008b;
What is DarkBlue in RGB?
DarkBlue in RGB is rgb(0, 0, 139) — red 0, green 0, blue 139.
What is DarkBlue in HSL?
DarkBlue in HSL is hsl(240, 100%, 27%) — hue 240°, saturation 100%, lightness 27%.
What is the complementary color of DarkBlue?
The complementary color (directly opposite DarkBlue on the color wheel) is #8A8A00. The two together produce maximum contrast.
Is white text readable on DarkBlue?
The WCAG contrast ratio against white (#FFFFFF) is 15.30:1, and against black (#000000) it's 1.37:1. White text is more readable. WCAG recommends at least 4.5:1 for body text.