#0C7375

#0C7375

Color Values

HEX

#0C7375

RGB

12, 115, 117

HSL

181.1, 81.4%, 25.3%

HSV

181.1, 89.7%, 45.9%

CMYK

89.7%, 1.7%, 0.0%, 54.1%

OKLCH

0.505 0.0833 197.0

Properties

Cool Dark Nearest: teal

Color Harmonies

Complementary

#0C7375

#750E0C

Analogous

#0C7542

#0C3F75

#0C7375

Triadic

#0C7375

#750C73

#73750C

Split Complementary

#0C7375

#750C3F

#75420C

Tetradic

#0C7375

#420C75

#750E0C

#3F750C

Color Blindness Simulation

Original

#0C7375

Protanopia

#393975

Deuteranopia

#332B74

Tritanopia

#117474

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#F2FCFD
100
#E1F9FA
200
#BEF7F8
300
#90F2F4
400
#54EBED
500
#18E3E7
600
#13B6B9
700
#0F9294
800
#0C7274
900
#0D5354
950
#083435

Contrast Checker

Text on white

5.64:1

AA Pass AAA Fail

Text on black

3.72: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