- No data uploaded
- Instant results
Dark Blue — #00008B
Dark Blue is the CSS named colour darkblue, hex #00008B. It has a contrast ratio of 15.30:1 on white and 1.37:1 on black — readable as text on white backgrounds (WCAG AA).
Dark Blue — #00008B
Contrast on white 15.30:1 · on black 1.37:1
Tints
Shades
Complementary
Triadic
Analogous
Using Dark Blue in code
CSS: color: darkblue; or color: #00008B; · Tailwind: text-[#00008B] · Android/Flutter: 0xFF00008B
Dark Blue colour harmonies
Complementary: #8B8B00 · Triadic: #8B0000, #008B00 · Analogous: #00468B, #46008B. Use tints for backgrounds and shades for hover states.
Dark Blue in every colour format
| Format | Value |
|---|---|
| HEX | #00008B |
| RGB | rgb(0, 0, 139) |
| HSL | hsl(240, 100%, 27%) |
| HSV | hsv(240, 100%, 55%) |
| CMYK | cmyk(100%, 100%, 0%, 45%) |
| CSS name | darkblue |
| Contrast on white | 15.30:1 |
| Contrast on black | 1.37:1 |
Frequently asked questions
What is the hex code for Dark Blue?
#00008B (CSS name: darkblue).
What is Dark Blue in RGB?
rgb(0, 0, 139)
What colour goes well with Dark Blue?
Its complementary colour #8B8B00, or the analogous #00468B and #46008B.