Toolman

#2D862D color

#2D862D#2D862D

#2D862D is a dark, moderately saturated green, closest to the CSS named color forestgreen (#228B22).

Color values

HEX#2D862D
RGBrgb(45, 134, 45)
HSLhsl(120, 50%, 35%)
CMYKcmyk(66%, 0%, 66%, 47%)
Decimal2983469
CSScolor: #2D862D;
Android0xFF2D862D
SwiftUIColor(red: 0.176, green: 0.525, blue: 0.176, alpha: 1)

Accessibility and contrast

White text on #2D862D4.61:1 — AA pass · AA large pass · AAA fail
Black text on #2D862D4.56:1 — AA pass · AA large pass · AAA fail
Recommended text colorwhite

WCAG 2.1 asks for at least 4.5:1 for body text and 3:1 for large text (18 pt, or 14 pt bold).

Tints and shades of #2D862D

Each swatch keeps the hue and saturation of #2D862D and varies only lightness — the quickest way to build a usable scale from a single brand color.

95%
85%
75%
65%
55%
45%
35%
25%
15%

Colors that go with #2D862D

Harmonies generated by rotating the hue on the color wheel while holding saturation and lightness constant.

Complementary
Triadic +120°
Triadic +240°
Analogous −30°
Analogous +30°
Split −150°
Split +150°

Using #2D862D in code

/* CSS */
.element { color: #2D862D; background-color: #2D862D; }
.element { color: rgb(45 134 45); }
.element { color: hsl(120 50% 35%); }

/* Tailwind arbitrary value */
<div class="bg-[#2D862D] text-white">

/* SCSS variable */
$brand: #2D862D;

Frequently asked questions

What color is #2D862D?

#2D862D is a dark, moderately saturated green. Its hue sits at 120° on the color wheel, with 50% saturation and 35% lightness.

What is #2D862D in RGB?

#2D862D converts to rgb(45, 134, 45) — 45 red, 134 green and 45 blue.

What is #2D862D in CMYK?

Approximately cmyk(66%, 0%, 66%, 47%). Print output depends on the ICC profile of the press and paper, so treat this as a starting point rather than an exact match.

Should text on #2D862D be white or black?

White gives the better contrast ratio (4.61:1 versus 4.56:1).

What is the complementary color of #2D862D?

#862D86 — the hue directly opposite #2D862D on the color wheel.

Convert any color → · Browse all colors