UI Shades

A study in green

Dark Green

#006400

Family
Green
L
0.436
C
0.148
H
142°

Notes

Dark Green is the CSS value closest to the green of a healthy forest canopy under daylight. It carries strong heritage, conservation, and finance associations across cultures. The hex is dark enough to function as type against pale backgrounds and as a primary brand color for environmentally-positioned products. Cream and warm beige give a natural palette; bright coral makes a high-contrast pairing. Placing it directly next to pure red produces strong visual vibration that fatigues the eye. Body text against white passes AAA at all standard sizes, so it works for long-form display use.

#006400
Dark Green
Dark Green
#006400
oklch(0.436 0.148 142.5)
rgb(0 100 0)
hsl(120 100% 19.6%)
Share
#f0ffee
#e3fde0
#c5f5c0
#a3e99d
#78cc72
#4aa245
#2e892a
#006400
#085307
#003900
#001e00

See your palette on a real UI - coming soon

Preview these shades across buttons, cards, and components in a live interface.

Plate 02

Palette built around Dark Green

Cross-reference
Q&A

Frequently asked questions

What is Dark Green?

Dark Green is the CSS value closest to the green of a healthy forest canopy under daylight. It carries strong heritage, conservation, and finance associations across cultures. Its hex code is #006400.

What are the tints and shades of Dark Green?

uishades builds an 11-step OKLCH ramp for Dark Green (#006400) - its lightest tints through its darkest shades - plus an 11-stop Tailwind scale (50–950), both keyed to the same 50–950 stops. Lightness steps stay evenly spaced and the hue stays stable, so the mid-tones don't go muddy.

What colors pair well with Dark Green?

Its complementary color is #762D80. Triadic partners are #214BA2 and #922028; analogous neighbours are #00634B and #535700.

What are the OKLCH and RGB values of Dark Green?

Dark Green is #006400 - OKLCH 0.436 0.148 142°, rgb(0 100 0), in the green family.