#0C987E

#0C987E

Color Values

HEX

#0C987E

RGB

12, 152, 126

HSL

168.9, 85.4%, 32.2%

HSV

168.9, 92.1%, 59.6%

CMYK

92.1%, 0.0%, 17.1%, 40.4%

OKLCH

0.6076 0.113 174.6

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#0C987E

#980C26

Analogous

#0C9838

#0C6C98

#0C987E

Triadic

#0C987E

#7E0C98

#987E0C

Split Complementary

#0C987E

#980C6C

#98380C

Tetradic

#0C987E

#380C98

#980C26

#6C980C

Color Blindness Simulation

Original

#0C987E

Protanopia

#494A84

Deuteranopia

#403686

Tritanopia

#13898A

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#F2FDFB
100
#E0FAF5
200
#BDFAEF
300
#8EF6E3
400
#50F1D3
500
#13ECC4
600
#0FBD9D
700
#0C977E
800
#097662
900
#0B5648
950
#07362D

Contrast Checker

Text on white

3.62:1

AA Fail AAA Fail

Text on black

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