#0C8991

#0C8991

Color Values

HEX

#0C8991

RGB

12, 137, 145

HSL

183.6, 84.7%, 30.8%

HSV

183.6, 91.7%, 56.9%

CMYK

91.7%, 5.5%, 0.0%, 43.1%

OKLCH

0.5746 0.0957 202.2

Properties

Cool Light Nearest: turquoise 4

Color Harmonies

Complementary

#0C8991

#91140C

Analogous

#0C9157

#0C4791

#0C8991

Triadic

#0C8991

#910C89

#89910C

Split Complementary

#0C8991

#910C47

#91570C

Tetradic

#0C8991

#570C91

#91140C

#47910C

Color Blindness Simulation

Original

#0C8991

Protanopia

#42438F

Deuteranopia

#3B328F

Tritanopia

#128E8D

Achromatopsia

#6F6F6F

CSS Usage

background-color: #0C8991;
color: #0C8991;
border-color: #0C8991;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F2FCFD
100
#E0F8FA
200
#BDF6FA
300
#8EEFF6
400
#51E7F1
500
#14DFEB
600
#10B2BC
700
#0C8E97
800
#0A6F76
900
#0C5155
950
#073336

Contrast Checker

Text on white

4.2:1

AA Fail AAA Fail

Text on black

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