Skip to content
  • No data uploaded
  • Instant results

Dark Green — #006400

Dark Green is the CSS named colour darkgreen, hex #006400. It has a contrast ratio of 7.44:1 on white and 2.82:1 on black — readable as text on white backgrounds (WCAG AA).

Dark Green — #006400

Contrast on white 7.44:1 · on black 2.82:1

Tints
Shades
Complementary
Triadic
Analogous

Free Dark Green — #006400 by pGento

Using Dark Green in code

CSS: color: darkgreen; or color: #006400; · Tailwind: text-[#006400] · Android/Flutter: 0xFF006400

Dark Green colour harmonies

Complementary: #640064 · Triadic: #000064, #640000 · Analogous: #326400, #006432. Use tints for backgrounds and shades for hover states.

Dark Green in every colour format

FormatValue
HEX#006400
RGBrgb(0, 100, 0)
HSLhsl(120, 100%, 20%)
HSVhsv(120, 100%, 39%)
CMYKcmyk(100%, 0%, 100%, 61%)
CSS namedarkgreen
Contrast on white7.44:1
Contrast on black2.82:1

Frequently asked questions

What is the hex code for Dark Green?
#006400 (CSS name: darkgreen).
What is Dark Green in RGB?
rgb(0, 100, 0)
What colour goes well with Dark Green?
Its complementary colour #640064, or the analogous #326400 and #006432.
Dark Green — #006400

Embed this tool on your site

Paste this code into any web page. It stays free, fast and ad-free inside your site.

Print or save as PDF

Prints just this tool and its result. Choose “Save as PDF” as the printer to get a file. Branding is stored only in this browser.