#12979E

#12979E

Color Values

HEX

#12979E

RGB

18, 151, 158

HSL

183.0, 79.5%, 34.5%

HSV

183.0, 88.6%, 62.0%

CMYK

88.6%, 4.4%, 0.0%, 38.0%

OKLCH

0.6165 0.1019 200.8

Properties

Cool Light Nearest: darkcyan

Color Harmonies

Complementary

#12979E

#9E1912

Analogous

#129E5F

#12519E

#12979E

Triadic

#12979E

#9E1297

#979E12

Split Complementary

#12979E

#9E1251

#9E5F12

Tetradic

#12979E

#5F129E

#9E1912

#519E12

Color Blindness Simulation

Original

#12979E

Protanopia

#4C4D9C

Deuteranopia

#443A9C

Tritanopia

#199B9B

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#F2FCFD
100
#E1F8F9
200
#BFF5F8
300
#91EEF2
400
#56E4EC
500
#1ADBE5
600
#15AFB7
700
#118C92
800
#0D6D72
900
#0E5053
950
#093234

Contrast Checker

Text on white

3.53:1

AA Fail AAA Fail

Text on black

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