#3C906C

#3C906C

Color Values

HEX

#3C906C

RGB

60, 144, 108

HSL

154.3, 41.2%, 40.0%

HSV

154.3, 58.3%, 56.5%

CMYK

58.3%, 0.0%, 25.0%, 43.5%

OKLCH

0.5915 0.0993 162.6

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#3C906C

#903C60

Analogous

#3C9042

#3C8A90

#3C906C

Triadic

#3C906C

#6C3C90

#906C3C

Split Complementary

#3C906C

#903C8A

#90423C

Tetradic

#3C906C

#423C90

#903C60

#8A903C

Color Blindness Simulation

Original

#3C906C

Protanopia

#606175

Deuteranopia

#5C5577

Tritanopia

#407C7D

Achromatopsia

#7C7C7C

CSS Usage

background-color: #3C906C;
color: #3C906C;
border-color: #3C906C;
Nearest Tailwind: Emerald 700 #047857

Tailwind Shades

50
#F5FAF8
100
#E7F3EE
200
#CDEADD
300
#A9DBC5
400
#7AC8A6
500
#4BB487
600
#3C906C
700
#307356
800
#255A44
900
#1E4233
950
#132A20

Contrast Checker

Text on white

3.89:1

AA Fail AAA Fail

Text on black

5.4:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026