#3C9666

#3C9666

Color Values

HEX

#3C9666

RGB

60, 150, 102

HSL

148.0, 42.9%, 41.2%

HSV

148.0, 60.0%, 58.8%

CMYK

60.0%, 0.0%, 32.0%, 41.2%

OKLCH

0.6058 0.1135 157.0

Properties

Cool Light Nearest: seagreen

Color Harmonies

Complementary

#3C9666

#963C6C

Analogous

#3F963C

#3C9693

#3C9666

Triadic

#3C9666

#663C96

#96663C

Split Complementary

#3C9666

#933C96

#963C3F

Tetradic

#3C9666

#3C3F96

#963C6C

#96933C

Color Blindness Simulation

Original

#3C9666

Protanopia

#636472

Deuteranopia

#5E5774

Tritanopia

#407B7D

Achromatopsia

#7F7F7F

CSS Usage

background-color: #3C9666;
color: #3C9666;
border-color: #3C9666;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F5FAF7
100
#E7F4ED
200
#CCEBDA
300
#A8DCC0
400
#78C99E
500
#49B67C
600
#3A9263
700
#2F754F
800
#245B3E
900
#1E432F
950
#132A1E

Contrast Checker

Text on white

3.65:1

AA Fail AAA Fail

Text on black

5.75:1

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