#0C7B87

#0C7B87

Color Values

HEX

#0C7B87

RGB

12, 123, 135

HSL

185.9, 83.7%, 28.8%

HSV

185.9, 91.1%, 52.9%

CMYK

91.1%, 8.9%, 0.0%, 47.1%

OKLCH

0.5337 0.0891 207.1

Properties

Cool Dark Nearest: turquoise 4

Color Harmonies

Complementary

#0C7B87

#87180C

Analogous

#0C8756

#0C3D87

#0C7B87

Triadic

#0C7B87

#870C7B

#7B870C

Split Complementary

#0C7B87

#870C3D

#87560C

Tetradic

#0C7B87

#560C87

#87180C

#3D870C

Color Blindness Simulation

Original

#0C7B87

Protanopia

#3C3D84

Deuteranopia

#362D83

Tritanopia

#128281

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#F2FCFD
100
#E0F7FA
200
#BDF3F9
300
#8FEBF5
400
#52E0F0
500
#15D5EA
600
#11ABBB
700
#0D8896
800
#0A6B75
900
#0C4E55
950
#083136

Contrast Checker

Text on white

5.0:1

AA Pass AAA Fail

Text on black

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