HEX Color #2C7C2C (Darkgreen)

About #2C7C2C

The hex code #2C7C2C represents a beautifully specific shade of green. If you're using CSS, you might find it aligns closely with Darkgreen. To achieve this exact tint on a monitor, you would use an RGB mix of 44, 124, and 44.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 65% cyan and 0% magenta inks. The HSL representation is 120.0° hue, 47.6% saturation, and 32.9% lightness.

From a UX and accessibility standpoint, contrast is paramount. Because it is a dark color, it is generally recommended to use #FFFFFF text. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#2C7C2C

RGB44, 124, 44

HSL120.0°, 47.6%, 32.9%

CMYK65%, 0%, 65%, 51%

HSV120.0°, 64.5%, 48.6%

LAB45.8, -41.1, 35.7

XYZ8.7, 15.1, 4.8

Decimal2915372

Color Harmonies

Complementary

#2C7C2C #7B2C7B

Analogous

#547B2C #2C7B54

Triadic

#2C2C7B #7B2C2C

Tetradic

#2C537B #7B2C7B #7B532C

Tints, Shades & Tones

Tints (Adding White)

#2C7C2C

#438A43

#5A995A

#72A772

#89B689

#A1C4A1

#B8D3B8

#D0E1D0

#E7F0E7

#FFFFFF

Shades (Adding Black)

#2C7C2C

#276E27

#226022

#1D521D

#184418

#133713

#0E290E

#091B09

#040D04

#000000

WCAG Contrast Accessibility

5.22:1

Text on #FFFFFF

AA

4.03:1

Text on #000000

AA Large

4.98:1

Text on #F8FAFC

AA

3.42:1

Text on #0F172A

AA Large

CSS Implementation

.bg-color { background-color: #2C7C2C; }

.text-color { color: #2C7C2C; }

.border-color { border: 2px solid #2C7C2C; }

Similar Colors

Darkgreen

#006400