#0C736B

#0C736B

Color Values

HEX

#0C736B

RGB

12, 115, 107

HSL

175.3, 81.1%, 24.9%

HSV

175.3, 89.6%, 45.1%

CMYK

89.6%, 0.0%, 7.0%, 54.9%

OKLCH

0.5013 0.0851 186.2

Properties

Cool Dark Nearest: Pine Green

Color Harmonies

Complementary

#0C736B

#730C14

Analogous

#0C7337

#0C4873

#0C736B

Triadic

#0C736B

#6B0C73

#736B0C

Split Complementary

#0C736B

#730C48

#73370C

Tetradic

#0C736B

#370C73

#730C14

#48730C

Color Blindness Simulation

Original

#0C736B

Protanopia

#39396D

Deuteranopia

#332B6D

Tritanopia

#116E6F

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#F2FDFC
100
#E1F9F8
200
#BEF8F4
300
#90F3EC
400
#54EDE1
500
#18E7D7
600
#13B9AC
700
#0F9489
800
#0C736B
900
#0D544E
950
#083531

Contrast Checker

Text on white

5.71:1

AA Pass AAA Fail

Text on black

3.68:1

AA Fail 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