#3C9375

#3C9375

Color Values

HEX

#3C9375

RGB

60, 147, 117

HSL

159.3, 42.0%, 40.6%

HSV

159.3, 59.2%, 57.6%

CMYK

59.2%, 0.0%, 20.4%, 42.4%

OKLCH

0.6017 0.0961 167.4

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#3C9375

#933C5A

Analogous

#3C934A

#3C8693

#3C9375

Triadic

#3C9375

#753C93

#93753C

Split Complementary

#3C9375

#933C86

#934A3C

Tetradic

#3C9375

#4A3C93

#933C5A

#86933C

Color Blindness Simulation

Original

#3C9375

Protanopia

#62627C

Deuteranopia

#5D567E

Tritanopia

#408283

Achromatopsia

#7E7E7E

CSS Usage

background-color: #3C9375;
color: #3C9375;
border-color: #3C9375;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F5FAF8
100
#E7F4EF
200
#CCEAE0
300
#A8DCCA
400
#79C8AD
500
#4AB590
600
#3B9173
700
#2F745C
800
#255B48
900
#1E4336
950
#132A22

Contrast Checker

Text on white

3.73:1

AA Fail AAA Fail

Text on black

5.62:1

AA Pass 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