#3C9978

#3C9978

Color Values

HEX

#3C9978

RGB

60, 153, 120

HSL

158.7, 43.7%, 41.8%

HSV

158.7, 60.8%, 60.0%

CMYK

60.8%, 0.0%, 21.6%, 40.0%

OKLCH

0.6181 0.1019 166.5

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#3C9978

#993C5D

Analogous

#3C994A

#3C8C99

#3C9978

Triadic

#3C9978

#783C99

#99783C

Split Complementary

#3C9978

#993C8C

#994A3C

Tetradic

#3C9978

#4A3C99

#993C5D

#8C993C

Color Blindness Simulation

Original

#3C9978

Protanopia

#646580

Deuteranopia

#5F5882

Tritanopia

#418688

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#F5FAF8
100
#E7F4EF
200
#CCEBE0
300
#A7DDCA
400
#77CAAD
500
#48B790
600
#399373
700
#2E755C
800
#245C48
900
#1D4436
950
#132B22

Contrast Checker

Text on white

3.49:1

AA Fail AAA Fail

Text on black

6.02:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026