HEX Color #2C6D00 (Darkgreen)

About #2C6D00

When working with digital screens, the color #2C6D00 is rendered by mixing light. Designers often compare it to the standard color Darkgreen. To achieve this exact tint on a monitor, you would use an RGB mix of 44, 109, and 0.

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

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#2C6D00

RGB44, 109, 0

HSL95.8°, 100.0%, 21.4%

CMYK60%, 0%, 100%, 57%

HSV95.8°, 100.0%, 42.7%

LAB40.4, -38.4, 45.6

XYZ6.5, 11.5, 1.9

Decimal2911488

Color Harmonies

Complementary

#2C6D00 #41006D

Analogous

#626D00 #006D0A

Triadic

#002B6D #6D002B

Tetradic

#00626D #41006D #6D0A00

Tints, Shades & Tones

Tints (Adding White)

#2C6D00

#437D1C

#5A8D38

#729D55

#89AD71

#A1BE8D

#B8CEAA

#D0DEC6

#E7EEE2

#FFFFFF

Shades (Adding Black)

#2C6D00

#276000

#225400

#1D4800

#183C00

#133000

#0E2400

#091800

#040C00

#000000

WCAG Contrast Accessibility

6.37:1

Text on #FFFFFF

AA

3.29:1

Text on #000000

AA Large

6.09:1

Text on #F8FAFC

AA

2.80:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Darkgreen

#006400