CSS Color: DarkBlue
Named CSS color DarkBlue — #00008B in HEX, rgb(0, 0, 139) in RGB, hsl(240, 100%, 27%) in HSL.
Color Values
| Format | Value | CSS Usage |
|---|---|---|
| Named | DarkBlue | color: DarkBlue; |
| HEX | #00008B | color: #00008B; |
| RGB | rgb(0, 0, 139) | color: rgb(0, 0, 139); |
| HSL | hsl(240, 100%, 27%) | color: hsl(240, 100%, 27%); |
About DarkBlue
DarkBlue is a very deep blue, only slightly lighter than Navy. At hex `#00008B`, the blue channel is 139 with red and green at zero. In HSL, it has 27% lightness — just 2 points above Navy's 25%, making the visual difference between them subtle.
In web design, DarkBlue serves the same purposes as Navy — text color, dark backgrounds, and header elements — with a marginally more visible blue tone. Both colors achieve excellent accessibility against light backgrounds.
DarkBlue against white achieves approximately 15.1:1 contrast, easily passing WCAG AAA for all text sizes. Like Navy, it is an excellent alternative to pure black that adds warmth and visual interest to text-heavy designs.
The practical difference between DarkBlue, Navy, and MidnightBlue is minimal. Choose based on subtle preference: DarkBlue is the middle ground. It pairs well with white, gold, light blue, and cream. In Tailwind CSS, `blue-900` covers this range.
FAQ
What is the hex code for DarkBlue?
The CSS named color DarkBlue has the hex code #00008B. You can use it in CSS as color: #00008B; or simply color: DarkBlue;.
What is DarkBlue in RGB?
In RGB notation, DarkBlue is rgb(0, 0, 139). Use it in CSS as color: rgb(0, 0, 139);.
What is DarkBlue in HSL?
In HSL notation, DarkBlue is hsl(240, 100%, 27%). Use it in CSS as color: hsl(240, 100%, 27%);.
What color category is DarkBlue?
DarkBlue belongs to the Blue color family in the CSS named colors specification.
Can I use the name "DarkBlue" directly in CSS?
Yes. All modern browsers support CSS named colors. You can write color: DarkBlue; or background-color: DarkBlue; directly in your stylesheet. Named colors are case-insensitive.
Related Colors
Try in Color Converter
Convert DarkBlue to other formats, check contrast ratios, explore palettes, and find the closest Tailwind CSS class.
Open Color Converter →