#3A6547

#3A6547

Color Values

HEX

#3A6547

RGB

58, 101, 71

HSL

138.1, 27.0%, 31.2%

HSV

138.1, 42.6%, 39.6%

CMYK

42.6%, 0.0%, 29.7%, 60.4%

OKLCH

0.4663 0.0687 152.7

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#3A6547

#653A58

Analogous

#43653A

#3A655D

#3A6547

Triadic

#3A6547

#473A65

#65473A

Split Complementary

#3A6547

#5D3A65

#653A43

Tetradic

#3A6547

#3A4365

#653A58

#655D3A

Color Blindness Simulation

Original

#3A6547

Protanopia

#4D4D4E

Deuteranopia

#4A4750

Tritanopia

#3C5455

Achromatopsia

#5A5A5A

CSS Usage

background-color: #3A6547;
color: #3A6547;
border-color: #3A6547;
Nearest Tailwind: Emerald 800 #065F46

Tailwind Shades

50
#F6F9F7
100
#E9F1EC
200
#D2E5D7
300
#B1D2BB
400
#87BA97
500
#5DA272
600
#4A825B
700
#3C6849
800
#2F5139
900
#253C2C
950
#17261C

Contrast Checker

Text on white

6.7:1

AA Pass AAA Fail

Text on black

3.13:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026