#0C976B

#0C976B

Color Values

HEX

#0C976B

RGB

12, 151, 107

HSL

161.0, 85.3%, 32.0%

HSV

161.0, 92.1%, 59.2%

CMYK

92.1%, 0.0%, 29.1%, 40.8%

OKLCH

0.5997 0.1261 163.7

Properties

Cool Light Nearest: seagreen

Color Harmonies

Complementary

#0C976B

#970C38

Analogous

#0C9726

#0C7E97

#0C976B

Triadic

#0C976B

#6B0C97

#976B0C

Split Complementary

#0C976B

#970C7E

#97260C

Tetradic

#0C976B

#260C97

#970C38

#7E970C

Color Blindness Simulation

Original

#0C976B

Protanopia

#484976

Deuteranopia

#403678

Tritanopia

#137E80

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#F2FDF9
100
#E0FAF2
200
#BDFAE6
300
#8EF6D5
400
#50F1BE
500
#13ECA7
600
#0FBD86
700
#0C976B
800
#097654
900
#0B563E
950
#073627

Contrast Checker

Text on white

3.71:1

AA Fail AAA Fail

Text on black

5.65:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026