CSS Color: DarkGreen
Named CSS color DarkGreen — #006400 in HEX, rgb(0, 100, 0) in RGB, hsl(120, 100%, 20%) in HSL.
Color Values
| Format | Value | CSS Usage |
|---|---|---|
| Named | DarkGreen | color: DarkGreen; |
| HEX | #006400 | color: #006400; |
| RGB | rgb(0, 100, 0) | color: rgb(0, 100, 0); |
| HSL | hsl(120, 100%, 20%) | color: hsl(120, 100%, 20%); |
About DarkGreen
DarkGreen is one of the darkest green hues available as a CSS named color. At hex `#006400`, it has only 100 in the green channel with red and blue at zero. In HSL, its 20% lightness creates a deep, rich forest tone.
In web design, DarkGreen excels wherever you need green text that meets accessibility standards on light backgrounds. With a contrast ratio of approximately 7.1:1 against white, it passes WCAG AAA for all text sizes. This makes it ideal for success messages, positive status text, and eco-themed body copy.
DarkGreen conveys nature, stability, growth, and environmental awareness. It is heavily used in sustainability-focused websites, financial platforms (where green means profit), and health-related applications.
DarkGreen pairs well with light greens, white, cream, gold, and light gray. It provides a natural backdrop for lighter accent colors. In Tailwind CSS, `green-800` or `green-900` are the closest matches. Use DarkGreen when standard CSS Green is still too bright for your design needs.
FAQ
What is the hex code for DarkGreen?
The CSS named color DarkGreen has the hex code #006400. You can use it in CSS as color: #006400; or simply color: DarkGreen;.
What is DarkGreen in RGB?
In RGB notation, DarkGreen is rgb(0, 100, 0). Use it in CSS as color: rgb(0, 100, 0);.
What is DarkGreen in HSL?
In HSL notation, DarkGreen is hsl(120, 100%, 20%). Use it in CSS as color: hsl(120, 100%, 20%);.
What color category is DarkGreen?
DarkGreen belongs to the Green color family in the CSS named colors specification.
Can I use the name "DarkGreen" directly in CSS?
Yes. All modern browsers support CSS named colors. You can write color: DarkGreen; or background-color: DarkGreen; directly in your stylesheet. Named colors are case-insensitive.
Related Colors
Try in Color Converter
Convert DarkGreen to other formats, check contrast ratios, explore palettes, and find the closest Tailwind CSS class.
Open Color Converter →