#3A7D3C

#3A7D3C

Color Values

HEX

#3A7D3C

RGB

58, 125, 60

HSL

121.8, 36.6%, 35.9%

HSV

121.8, 53.6%, 49.0%

CMYK

53.6%, 0.0%, 52.0%, 51.0%

OKLCH

0.5296 0.1193 144.2

Properties

Cool Dark Nearest: RAL 6032 Signal Green

Color Harmonies

Complementary

#3A7D3C

#7D3A7B

Analogous

#5A7D3A

#3A7D5E

#3A7D3C

Triadic

#3A7D3C

#3C3A7D

#7D3C3A

Split Complementary

#3A7D3C

#5E3A7D

#7D3A5A

Tetradic

#3A7D3C

#3A5A7D

#7D3A7B

#7D5E3A

Color Blindness Simulation

Original

#3A7D3C

Protanopia

#57584C

Deuteranopia

#534E50

Tritanopia

#3D585B

Achromatopsia

#6A6A6A

CSS Usage

background-color: #3A7D3C;
color: #3A7D3C;
border-color: #3A7D3C;
Nearest Tailwind: Green 700 #15803D

Tailwind Shades

50
#F5FAF5
100
#E8F3E8
200
#CEE8CF
300
#ABD8AD
400
#7EC380
500
#51AE54
600
#418B43
700
#346F36
800
#28572A
900
#204021
950
#152915

Contrast Checker

Text on white

5.03:1

AA Pass AAA Fail

Text on black

4.18:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026