#0C9775

#0C9775

Color Values

HEX

#0C9775

RGB

12, 151, 117

HSL

165.3, 85.3%, 32.0%

HSV

165.3, 92.1%, 59.2%

CMYK

92.1%, 0.0%, 22.5%, 40.8%

OKLCH

0.6023 0.118 169.3

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#0C9775

#970C2E

Analogous

#0C972F

#0C7497

#0C9775

Triadic

#0C9775

#750C97

#97750C

Split Complementary

#0C9775

#970C74

#972F0C

Tetradic

#0C9775

#2F0C97

#970C2E

#74970C

Color Blindness Simulation

Original

#0C9775

Protanopia

#48497D

Deuteranopia

#40367F

Tritanopia

#138485

Achromatopsia

#777777

CSS Usage

background-color: #0C9775;
color: #0C9775;
border-color: #0C9775;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F2FDFA
100
#E0FAF4
200
#BDFAEB
300
#8EF6DC
400
#50F1CA
500
#13ECB7
600
#0FBD92
700
#0C9775
800
#09765B
900
#0B5643
950
#07362B

Contrast Checker

Text on white

3.68:1

AA Fail AAA Fail

Text on black

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