#3C6948

#3C6948

Color Values

HEX

#3C6948

RGB

60, 105, 72

HSL

136.0, 27.3%, 32.4%

HSV

136.0, 42.9%, 41.2%

CMYK

42.9%, 0.0%, 31.4%, 58.8%

OKLCH

0.4785 0.0731 151.4

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#3C6948

#693C5D

Analogous

#47693C

#3C695F

#3C6948

Triadic

#3C6948

#483C69

#69483C

Split Complementary

#3C6948

#5F3C69

#693C47

Tetradic

#3C6948

#3C4769

#693C5D

#695F3C

Color Blindness Simulation

Original

#3C6948

Protanopia

#4F5050

Deuteranopia

#4D4A52

Tritanopia

#3E5658

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#F6F9F7
100
#E9F1EB
200
#D2E5D7
300
#B1D3BA
400
#87BA95
500
#5DA26F
600
#4A8259
700
#3B6847
800
#2E5138
900
#253C2B
950
#17261B

Contrast Checker

Text on white

6.35:1

AA Pass AAA Fail

Text on black

3.31: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