HEX Color #3A5F16 (Darkolivegreen)

About #3A5F16

Visually, #3A5F16 is defined as a moderate green. Designers often compare it to the standard color Darkolivegreen. To achieve this exact tint on a monitor, you would use an RGB mix of 58, 95, and 22.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). To reproduce this shade on paper, a printer utilizes 39% cyan and 0% magenta inks. The HSL representation is 90.4° hue, 62.4% saturation, and 22.9% lightness.

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. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#3A5F16

RGB58, 95, 22

HSL90.4°, 62.4%, 22.9%

CMYK39%, 0%, 77%, 63%

HSV90.4°, 76.8%, 37.3%

LAB36.3, -26.4, 35.6

XYZ6.0, 9.1, 2.2

Decimal3825430

Color Harmonies

Complementary

#3A5F16 #3A155F

Analogous

#5E5F15 #155F16

Triadic

#153A5F #5F153A

Tetradic

#155E5F #3A155F #5F1615

Tints, Shades & Tones

Tints (Adding White)

#3A5F16

#4F702F

#658249

#7B9463

#91A67D

#A7B797

#BDC9B1

#D3DBCB

#E9EDE5

#FFFFFF

Shades (Adding Black)

#3A5F16

#335413

#2D4911

#263F0E

#20340C

#192A09

#131F07

#0C1504

#060A02

#000000

WCAG Contrast Accessibility

7.42:1

Text on #FFFFFF

AAA

2.83:1

Text on #000000

FAIL

7.10:1

Text on #F8FAFC

AAA

2.40:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #3A5F16; }

.text-color { color: #3A5F16; }

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

Similar Colors

Darkolivegreen

#556B2F