#0C706E

#0C706E

Color Values

HEX

#0C706E

RGB

12, 112, 110

HSL

178.8, 80.6%, 24.3%

HSV

178.8, 89.3%, 43.9%

CMYK

89.3%, 0.0%, 1.8%, 56.1%

OKLCH

0.4941 0.082 192.6

Properties

Cool Dark Nearest: teal

Color Harmonies

Complementary

#0C706E

#700C0E

Analogous

#0C703C

#0C4070

#0C706E

Triadic

#0C706E

#6E0C70

#706E0C

Split Complementary

#0C706E

#700C40

#703C0C

Tetradic

#0C706E

#3C0C70

#700C0E

#40700C

Color Blindness Simulation

Original

#0C706E

Protanopia

#37386E

Deuteranopia

#322A6F

Tritanopia

#116F6F

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#F2FDFC
100
#E1F9F9
200
#BFF8F7
300
#90F3F1
400
#55EDEA
500
#19E6E2
600
#14B8B5
700
#109391
800
#0C7371
900
#0D5452
950
#083534

Contrast Checker

Text on white

5.9:1

AA Pass AAA Fail

Text on black

3.56:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026