HEX Color #2C5F3A (Darkolivegreen)

About #2C5F3A

When working with digital screens, the color #2C5F3A is rendered by mixing light. If you're using CSS, you might find it aligns closely with Darkolivegreen. To achieve this exact tint on a monitor, you would use an RGB mix of 44, 95, and 58.

For print applications, it's crucial to understand its CMYK makeup. To reproduce this shade on paper, a printer utilizes 54% cyan and 0% magenta inks. With a hue angle of 136.5 degrees, it sits comfortably in the green spectrum.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#2C5F3A

RGB44, 95, 58

HSL136.5°, 36.7%, 27.3%

CMYK54%, 0%, 39%, 63%

HSV136.5°, 53.7%, 37.3%

LAB36.0, -26.4, 16.1

XYZ5.9, 9.0, 5.4

Decimal2907962

Color Harmonies

Complementary

#2C5F3A #5F2C50

Analogous

#375F2C #2C5F53

Triadic

#3A2C5F #5F3A2C

Tetradic

#2C375F #5F2C50 #5F532C

Tints, Shades & Tones

Tints (Adding White)

#2C5F3A

#43704F

#5A8265

#72947B

#89A691

#A1B7A7

#B8C9BD

#D0DBD3

#E7EDE9

#FFFFFF

Shades (Adding Black)

#2C5F3A

#275433

#22492D

#1D3F26

#183420

#132A19

#0E1F13

#09150C

#040A06

#000000

WCAG Contrast Accessibility

7.49:1

Text on #FFFFFF

AAA

2.81:1

Text on #000000

FAIL

7.16:1

Text on #F8FAFC

AAA

2.38:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Darkolivegreen

#556B2F