#0C9783

#0C9783

Color Values

HEX

#0C9783

RGB

12, 151, 131

HSL

171.4, 85.3%, 32.0%

HSV

171.4, 92.1%, 59.2%

CMYK

92.1%, 0.0%, 13.2%, 40.8%

OKLCH

0.6065 0.1091 178.7

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#0C9783

#970C20

Analogous

#0C973E

#0C6697

#0C9783

Triadic

#0C9783

#830C97

#97830C

Split Complementary

#0C9783

#970C66

#973E0C

Tetradic

#0C9783

#3E0C97

#970C20

#66970C

Color Blindness Simulation

Original

#0C9783

Protanopia

#484988

Deuteranopia

#403689

Tritanopia

#138C8C

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#F2FDFB
100
#E0FAF6
200
#BDFAF1
300
#8EF6E7
400
#50F1DA
500
#13ECCD
600
#0FBDA4
700
#0C9783
800
#097667
900
#0B564B
950
#07362F

Contrast Checker

Text on white

3.64:1

AA Fail AAA Fail

Text on black

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