#0C9AAC

#0C9AAC

Color Values

HEX

#0C9AAC

RGB

12, 154, 172

HSL

186.8, 87.0%, 36.1%

HSV

186.8, 93.0%, 67.5%

CMYK

93.0%, 10.5%, 0.0%, 32.5%

OKLCH

0.6292 0.1069 209.5

Properties

Cool Light Nearest: NCS S 1050-B20G Cyan

Color Harmonies

Complementary

#0C9AAC

#AC1E0C

Analogous

#0CAC6E

#0C4AAC

#0C9AAC

Triadic

#0C9AAC

#AC0C9A

#9AAC0C

Split Complementary

#0C9AAC

#AC0C4A

#AC6E0C

Tetradic

#0C9AAC

#6E0CAC

#AC1E0C

#4AAC0C

Color Blindness Simulation

Original

#0C9AAC

Protanopia

#4A4BA8

Deuteranopia

#4137A7

Tritanopia

#13A4A3

Achromatopsia

#7D7D7D

CSS Usage

background-color: #0C9AAC;
color: #0C9AAC;
border-color: #0C9AAC;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F2FCFD
100
#E0F7FA
200
#BCF3FA
300
#8DEBF7
400
#4FE0F3
500
#11D5EE
600
#0DABBF
700
#0B8999
800
#086B77
900
#0B4E56
950
#073137

Contrast Checker

Text on white

3.37:1

AA Fail AAA Fail

Text on black

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