#2D6A4F — Tints, Shades & Color Values
#2D6A4F is a dark, moderately saturated 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.
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.
Browse more colors in the color library, or start from any hex code on the HexTints homepage.