#0C99AA

#0C99AA

Color Values

HEX

#0C99AA

RGB

12, 153, 170

HSL

186.5, 86.8%, 35.7%

HSV

186.5, 92.9%, 66.7%

CMYK

92.9%, 10.0%, 0.0%, 33.3%

OKLCH

0.6258 0.1061 208.8

Properties

Cool Light Nearest: NCS S 1050-B20G Cyan

Color Harmonies

Complementary

#0C99AA

#AA1D0C

Analogous

#0CAA6C

#0C4AAA

#0C99AA

Triadic

#0C99AA

#AA0C99

#99AA0C

Split Complementary

#0C99AA

#AA0C4A

#AA6C0C

Tetradic

#0C99AA

#6C0CAA

#AA1D0C

#4AAA0C

Color Blindness Simulation

Original

#0C99AA

Protanopia

#494AA6

Deuteranopia

#4136A5

Tritanopia

#13A3A2

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#F2FCFD
100
#E0F7FA
200
#BCF4FA
300
#8DEBF7
400
#4FE1F3
500
#11D6EE
600
#0DABBF
700
#0B8998
800
#086B77
900
#0B4E56
950
#073137

Contrast Checker

Text on white

3.41:1

AA Fail AAA Fail

Text on black

6.15:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026