#0C7987

#0C7987

Color Values

HEX

#0C7987

RGB

12, 121, 135

HSL

186.8, 83.7%, 28.8%

HSV

186.8, 91.1%, 52.9%

CMYK

91.1%, 10.4%, 0.0%, 47.1%

OKLCH

0.5285 0.0887 209.2

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#0C7987

#871A0C

Analogous

#0C8757

#0C3C87

#0C7987

Triadic

#0C7987

#870C79

#79870C

Split Complementary

#0C7987

#870C3C

#87570C

Tetradic

#0C7987

#570C87

#871A0C

#3C870C

Color Blindness Simulation

Original

#0C7987

Protanopia

#3B3C84

Deuteranopia

#352D83

Tritanopia

#118180

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#F2FCFD
100
#E0F7FA
200
#BDF2F9
300
#8FE9F5
400
#52DEF0
500
#15D2EA
600
#11A8BB
700
#0D8696
800
#0A6975
900
#0C4D55
950
#083036

Contrast Checker

Text on white

5.12:1

AA Pass AAA Fail

Text on black

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