#12979C

#12979C

Color Values

HEX

#12979C

RGB

18, 151, 156

HSL

182.2, 79.3%, 34.1%

HSV

182.2, 88.5%, 61.2%

CMYK

88.5%, 3.2%, 0.0%, 38.8%

OKLCH

0.6157 0.1018 199.1

Properties

Cool Light Nearest: darkcyan

Color Harmonies

Complementary

#12979C

#9C1712

Analogous

#129C5C

#12529C

#12979C

Triadic

#12979C

#9C1297

#979C12

Split Complementary

#12979C

#9C1252

#9C5C12

Tetradic

#12979C

#5C129C

#9C1712

#529C12

Color Blindness Simulation

Original

#12979C

Protanopia

#4C4D9B

Deuteranopia

#443A9A

Tritanopia

#199A9A

Achromatopsia

#7B7B7B

CSS Usage

background-color: #12979C;
color: #12979C;
border-color: #12979C;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F2FCFD
100
#E1F8F9
200
#BFF6F8
300
#91EFF2
400
#56E6EB
500
#1ADDE5
600
#15B1B7
700
#118E92
800
#0D6F72
900
#0E5053
950
#093334

Contrast Checker

Text on white

3.54:1

AA Fail AAA Fail

Text on black

5.93:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026