#0C7C78

#0C7C78

Color Values

HEX

#0C7C78

RGB

12, 124, 120

HSL

177.9, 82.4%, 26.7%

HSV

177.9, 90.3%, 48.6%

CMYK

90.3%, 0.0%, 3.2%, 51.4%

OKLCH

0.5305 0.089 190.8

Properties

Cool Dark Nearest: Pine Green

Color Harmonies

Complementary

#0C7C78

#7C0C10

Analogous

#0C7C40

#0C487C

#0C7C78

Triadic

#0C7C78

#780C7C

#7C780C

Split Complementary

#0C7C78

#7C0C48

#7C400C

Tetradic

#0C7C78

#400C7C

#7C0C10

#487C0C

Color Blindness Simulation

Original

#0C7C78

Protanopia

#3D3D79

Deuteranopia

#362E79

Tritanopia

#127A7A

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#F2FDFC
100
#E1FAF9
200
#BEF9F7
300
#8FF4F1
400
#53EEE9
500
#16E9E1
600
#12BAB4
700
#0E9590
800
#0B7471
900
#0D5452
950
#083534

Contrast Checker

Text on white

5.04:1

AA Pass AAA Fail

Text on black

4.17:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026