#0C8595

#0C8595

Color Values

HEX

#0C8595

RGB

12, 133, 149

HSL

187.0, 85.1%, 31.6%

HSV

187.0, 91.9%, 58.4%

CMYK

91.9%, 10.7%, 0.0%, 41.6%

OKLCH

0.5658 0.0957 209.9

Properties

Cool Light Nearest: NCS S 1060-B30G Teal

Color Harmonies

Complementary

#0C8595

#951C0C

Analogous

#0C9561

#0C4195

#0C8595

Triadic

#0C8595

#950C85

#85950C

Split Complementary

#0C8595

#950C41

#95610C

Tetradic

#0C8595

#610C95

#951C0C

#41950C

Color Blindness Simulation

Original

#0C8595

Protanopia

#404191

Deuteranopia

#393090

Tritanopia

#128E8D

Achromatopsia

#6C6C6C

CSS Usage

background-color: #0C8595;
color: #0C8595;
border-color: #0C8595;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F2FCFD
100
#E0F7FA
200
#BDF3FA
300
#8EEAF6
400
#50DEF1
500
#13D3EC
600
#0FA9BD
700
#0C8797
800
#096976
900
#0B4D56
950
#073136

Contrast Checker

Text on white

4.37:1

AA Fail AAA Fail

Text on black

4.8:1

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