#0C6672

#0C6672

Color Values

HEX

#0C6672

RGB

12, 102, 114

HSL

187.1, 81.0%, 24.7%

HSV

187.1, 89.5%, 44.7%

CMYK

89.5%, 10.5%, 0.0%, 55.3%

OKLCH

0.4685 0.0777 209.4

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#0C6672

#72180C

Analogous

#0C724B

#0C3372

#0C6672

Triadic

#0C6672

#720C66

#66720C

Split Complementary

#0C6672

#720C33

#724B0C

Tetradic

#0C6672

#4B0C72

#72180C

#33720C

Color Blindness Simulation

Original

#0C6672

Protanopia

#33346F

Deuteranopia

#2E276E

Tritanopia

#106D6C

Achromatopsia

#545454

CSS Usage

background-color: #0C6672;
color: #0C6672;
border-color: #0C6672;
Nearest Tailwind: Cyan 800 #155E75

Tailwind Shades

50
#F2FBFD
100
#E1F7F9
200
#BEF1F8
300
#90E8F3
400
#54DBED
500
#18CEE7
600
#13A5B9
700
#108494
800
#0C6773
900
#0D4B54
950
#083035

Contrast Checker

Text on white

6.65:1

AA Pass AAA Fail

Text on black

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