#12989C

#12989C

Color Values

HEX

#12989C

RGB

18, 152, 156

HSL

181.7, 79.3%, 34.1%

HSV

181.7, 88.5%, 61.2%

CMYK

88.5%, 2.6%, 0.0%, 38.8%

OKLCH

0.6183 0.1023 198.2

Properties

Cool Light Nearest: darkcyan

Color Harmonies

Complementary

#12989C

#9C1612

Analogous

#129C5B

#12539C

#12989C

Triadic

#12989C

#9C1298

#989C12

Split Complementary

#12989C

#9C1253

#9C5B12

Tetradic

#12989C

#5B129C

#9C1612

#539C12

Color Blindness Simulation

Original

#12989C

Protanopia

#4C4D9B

Deuteranopia

#443A9B

Tritanopia

#199A9A

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#F2FCFD
100
#E1F8F9
200
#BFF6F8
300
#91F0F2
400
#56E7EB
500
#1ADFE5
600
#15B2B7
700
#118F92
800
#0D6F72
900
#0E5153
950
#093334

Contrast Checker

Text on white

3.5:1

AA Fail AAA Fail

Text on black

6.0:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026