#0C987C

#0C987C

Color Values

HEX

#0C987C

RGB

12, 152, 124

HSL

168.0, 85.4%, 32.2%

HSV

168.0, 92.1%, 59.6%

CMYK

92.1%, 0.0%, 18.4%, 40.4%

OKLCH

0.607 0.1143 173.2

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#0C987C

#980C28

Analogous

#0C9836

#0C6E98

#0C987C

Triadic

#0C987C

#7C0C98

#987C0C

Split Complementary

#0C987C

#980C6E

#98360C

Tetradic

#0C987C

#360C98

#980C28

#6E980C

Color Blindness Simulation

Original

#0C987C

Protanopia

#494A83

Deuteranopia

#403684

Tritanopia

#138889

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#F2FDFB
100
#E0FAF5
200
#BDFAEE
300
#8EF6E1
400
#50F1D1
500
#13ECC1
600
#0FBD9A
700
#0C977B
800
#097660
900
#0B5647
950
#07362D

Contrast Checker

Text on white

3.62:1

AA Fail AAA Fail

Text on black

5.8:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026