#0C5960

#0C5960

Color Values

HEX

#0C5960

RGB

12, 89, 96

HSL

185.0, 77.8%, 21.2%

HSV

185.0, 87.5%, 37.6%

CMYK

87.5%, 7.3%, 0.0%, 62.4%

OKLCH

0.4249 0.0688 204.6

Properties

Cool Dark Nearest: RAL 5009 Azure Blue

Color Harmonies

Complementary

#0C5960

#60130C

Analogous

#0C603D

#0C2F60

#0C5960

Triadic

#0C5960

#600C59

#59600C

Split Complementary

#0C5960

#600C2F

#603D0C

Tetradic

#0C5960

#3D0C60

#60130C

#2F600C

Color Blindness Simulation

Original

#0C5960

Protanopia

#2D2E5E

Deuteranopia

#29235E

Tritanopia

#105D5D

Achromatopsia

#494949

CSS Usage

background-color: #0C5960;
color: #0C5960;
border-color: #0C5960;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F2FCFC
100
#E1F7F9
200
#C0F2F7
300
#92E9F1
400
#57DEEA
500
#1CD2E3
600
#17A8B5
700
#128791
800
#0E6971
900
#0F4D52
950
#093034

Contrast Checker

Text on white

8.04:1

AA Pass AAA Pass

Text on black

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