CSS named color
DarkGreen
#006400
HEX
#006400RGB
rgb(0, 100, 0)HSL
hsl(120, 100%, 20%)OKLCH
oklch(43.60% 0.1484 142.50)NAME
darkgreenPalette
Complementary
180° on the color wheelComplement
#660066
Analogous
±30° around the base hueLeft
#336600
Right
#006633
Triadic
±120° for harmonic contrastTriad 1
#000066
Triad 2
#660000
Shades
Lighter and darker variantsCSS usage
By name
color: darkgreen;
background-color: darkgreen;By HEX
color: #006400;
background-color: #006400;By RGB
color: rgb(0, 100, 0);
background-color: rgb(0, 100, 0);By HSL
color: hsl(120, 100%, 20%);
background-color: hsl(120, 100%, 20%);WCAG contrast vs white
Aa
7.44:1
AAA
WCAG contrast vs black
Aa
2.82:1
Below minimum
Related colors
FAQ — DarkGreen
What is the HEX code for DarkGreen?
The HEX code for DarkGreen is #006400. It's one of the 148 named CSS colors and can be used directly in CSS as color: darkgreen; or color: #006400;
What is DarkGreen in RGB?
DarkGreen in RGB is rgb(0, 100, 0) — red 0, green 100, blue 0.
What is DarkGreen in HSL?
DarkGreen in HSL is hsl(120, 100%, 20%) — hue 120°, saturation 100%, lightness 20%.
What is the complementary color of DarkGreen?
The complementary color (directly opposite DarkGreen on the color wheel) is #660066. The two together produce maximum contrast.
Is white text readable on DarkGreen?
The WCAG contrast ratio against white (#FFFFFF) is 7.44:1, and against black (#000000) it's 2.82:1. White text is more readable. WCAG recommends at least 4.5:1 for body text.