Dark Blue color codes
| CSS name | darkblue |
|---|---|
| HEX | #00008B |
| RGB | rgb(0, 0, 139) |
| HSL | hsl(240, 100%, 27%) |
| CMYK | cmyk(100%, 100%, 0%, 45%) |
| Decimal | 139 |
Shades of Dark Blue (darker)
#00007D · #00006F · #000061 · #000053 · #000046 · #000038 · #00002A · #00001C · #00000E
Tints of Dark Blue (lighter)
#1A1A97 · #3333A2 · #4D4DAE · #6666B9 · #8080C5 · #9999D1 · #B3B3DC · #CCCCE8 · #E6E6F3
Color harmonies
| Complementary | #8A8A00 |
|---|---|
| Triadic | #8A0000, #008A00 |
| Analogous | #00458A, #45008A |
Accessibility (WCAG contrast)
| White text on Dark Blue | 15.30:1 · AAA |
|---|---|
| Black text on Dark Blue | 1.37:1 · Fail |
Use Dark Blue in code
.element {
color: darkblue; /* or #00008b */
background-color: rgb(0 0 139 / 0.5);
}Frequently asked questions
What is the hex code for Dark Blue?
Dark Blue is #00008B in HEX, rgb(0, 0, 139) in RGB and hsl(240, 100%, 27%) in HSL.
Can I use "darkblue" directly in CSS?
Yes. "darkblue" is one of the 148 standard CSS named colors, so color: darkblue; works in every browser.
Is Dark Blue readable on white?
The contrast ratio of Dark Blue on white is 15.30:1 (WCAG AAA). On black it is 1.37:1 (Fail).
What is the complementary color of Dark Blue?
The complementary color (opposite on the color wheel) is #8A8A00.
Similar colors
Navy#000080Midnight Blue#191970Medium Blue#0000CDIndigo#4B0082Dark Slate Blue#483D8BDark Slate Gray#2F4F4FDark Slate Grey#2F4F4FRebecca Purple#663399
Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.