#0C6961

#0C6961

Color Values

HEX

#0C6961

RGB

12, 105, 97

HSL

174.8, 79.5%, 22.9%

HSV

174.8, 88.6%, 41.2%

CMYK

88.6%, 0.0%, 7.6%, 58.8%

OKLCH

0.47 0.0795 185.5

Properties

Cool Dark Nearest: RAL 6026 Opal Green

Color Harmonies

Complementary

#0C6961

#690C14

Analogous

#0C6932

#0C4269

#0C6961

Triadic

#0C6961

#610C69

#69610C

Split Complementary

#0C6961

#690C42

#69320C

Tetradic

#0C6961

#320C69

#690C14

#42690C

Color Blindness Simulation

Original

#0C6961

Protanopia

#343563

Deuteranopia

#2F2863

Tritanopia

#116465

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#F2FDFC
100
#E1F9F7
200
#BFF8F3
300
#91F2EA
400
#56ECDF
500
#1AE5D3
600
#15B7A9
700
#119287
800
#0D726A
900
#0E534D
950
#093431

Contrast Checker

Text on white

6.54:1

AA Pass AAA Fail

Text on black

3.21:1

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