#0C6C81

#0C6C81

Color Values

HEX

#0C6C81

RGB

12, 108, 129

HSL

190.8, 83.0%, 27.6%

HSV

190.8, 90.7%, 50.6%

CMYK

90.7%, 16.3%, 0.0%, 49.4%

OKLCH

0.4914 0.0854 218.1

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#0C6C81

#81210C

Analogous

#0C815B

#0C3181

#0C6C81

Triadic

#0C6C81

#810C6C

#6C810C

Split Complementary

#0C6C81

#810C31

#815B0C

Tetradic

#0C6C81

#5B0C81

#81210C

#31810C

Color Blindness Simulation

Original

#0C6C81

Protanopia

#36367C

Deuteranopia

#30297B

Tritanopia

#117877

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#F2FBFD
100
#E1F5FA
200
#BEEEF9
300
#8FE2F5
400
#52D3EF
500
#16C3E9
600
#119CBB
700
#0E7D95
800
#0B6275
900
#0C4855
950
#082D35

Contrast Checker

Text on white

6.04:1

AA Pass AAA Fail

Text on black

3.48:1

AA Fail 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