#12969B

#12969B

Color Values

HEX

#12969B

RGB

18, 150, 155

HSL

182.2, 79.2%, 33.9%

HSV

182.2, 88.4%, 60.8%

CMYK

88.4%, 3.2%, 0.0%, 39.2%

OKLCH

0.6127 0.1012 199.1

Properties

Cool Light Nearest: darkcyan

Color Harmonies

Complementary

#12969B

#9B1712

Analogous

#129B5B

#12519B

#12969B

Triadic

#12969B

#9B1296

#969B12

Split Complementary

#12969B

#9B1251

#9B5B12

Tetradic

#12969B

#5B129B

#9B1712

#519B12

Color Blindness Simulation

Original

#12969B

Protanopia

#4B4C9A

Deuteranopia

#443A9A

Tritanopia

#199999

Achromatopsia

#7A7A7A

CSS Usage

background-color: #12969B;
color: #12969B;
border-color: #12969B;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

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

Contrast Checker

Text on white

3.58:1

AA Fail AAA Fail

Text on black

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