What color is #2D6A4F?

#2D6A4F is a dark spruce green — rgb(45, 106, 79). Its nearest CSS named color is darkslategray.

How do I make tints and shades of #2D6A4F?

Mix #2D6A4F with white for tints and with black for shades. A 20% tint of #2D6A4F is #578872 and a 20% shade is #24553f; the full 10%–90% ramps are precomputed on this page.

What text color is readable on #2D6A4F?

White text gives the strongest contrast on a #2D6A4F background at 6.39:1, which passes WCAG AA for normal text but not AAA.

#2D6A4F — Tints, Shades & Color Values

Every value on this page is precomputed — copy what you need.

#2D6A4F

#2D6A4F is a dark spruce green. Its nearest CSS named color is darkslategray (#2f4f4f). For readable text on a #2D6A4F background, white text gives the strongest contrast (6.39:1). Because it is dark, #2D6A4F suits text, navigation bars, and footers on light backgrounds, and its tints make natural hover and surface colors.

Want to fine-tune this color interactively? Open #2D6A4F in the tint & shade generator to explore the full lightness, hue, and chroma scales and copy any step.

Color Values

Hex	`#2D6A4F`
RGB	`rgb(45, 106, 79)`
HSL	`hsl(153, 40%, 30%)`
HSV / HSB	`153°, 58%, 42%`
Nearest named	`darkslategray` (`#2f4f4f`)

Need these in another format? Use our hex to RGB converter for quick two-way conversion.

Tints of #2D6A4F (Mixed with White)

Each step blends the base color toward white using new = old + (255 − old) × factor. Click a swatch to open it in the generator.

10% tint #427961
20% tint #578872
30% tint #6c9784
40% tint #81a695
50% tint #96b5a7
60% tint #abc3b9
70% tint #c0d2ca
80% tint #d5e1dc
90% tint #eaf0ed

Shades of #2D6A4F (Mixed with Black)

Each step blends the base color toward black using new = old × (1 − factor).

10% shade #295f47
20% shade #24553f
30% shade #1f4a37
40% shade #1b402f
50% shade #173528
60% shade #122a20
70% shade #0e2018
80% shade #091510
90% shade #040b08

WCAG Contrast & Accessibility

Contrast ratios for text placed on a #2D6A4F background. WCAG requires 4.5:1 for normal text (AA), 3:1 for large text (AA), and 7:1 for normal text (AAA).

Text color	White text 6.39:1 — AA normal: Pass · AA large: Pass · AAA: Fail
	Black text 3.29:1 — AA normal: Fail · AA large: Pass · AAA: Fail

If neither pure white nor pure black reaches the level you need, pick a lighter tint of #2D6A4F from the ramps above as the background instead — small lightness moves change contrast quickly. Test any other pair with the free contrast checker.

More green colors in the library: #15803D (green-700), #4D7C0F (lime-700), #008000, #65A30D (lime-600), #166534 (green-800), #16A34A (green-600).

Frequently Asked Questions

What color is #2D6A4F?

#2D6A4F is a dark spruce green — rgb(45, 106, 79). Its nearest CSS named color is darkslategray.
How do I make tints and shades of #2D6A4F?

Mix #2D6A4F with white for tints and with black for shades. A 20% tint of #2D6A4F is #578872 and a 20% shade is #24553f — the full 10%–90% ramps are precomputed on this page, or open #2D6A4F in the generator for finer steps.
What text color is readable on #2D6A4F?

White text gives the strongest contrast on a #2D6A4F background at 6.39:1, which passes WCAG AA for normal text but not AAA.

Browse more colors in the color library, or start from any hex code on the HexTints homepage.

Building a brand around #2D6A4F? Put it on a free link-in-bio page →