#12969A

#12969A

Color Values

HEX

#12969A

RGB

18, 150, 154

HSL

181.8, 79.1%, 33.7%

HSV

181.8, 88.3%, 60.4%

CMYK

88.3%, 2.6%, 0.0%, 39.6%

OKLCH

0.6124 0.1012 198.3

Properties

Cool Light Nearest: darkcyan

Color Harmonies

Complementary

#12969A

#9A1612

Analogous

#129A5A

#12529A

#12969A

Triadic

#12969A

#9A1296

#969A12

Split Complementary

#12969A

#9A1252

#9A5A12

Tetradic

#12969A

#5A129A

#9A1612

#529A12

Color Blindness Simulation

Original

#12969A

Protanopia

#4B4C99

Deuteranopia

#443A99

Tritanopia

#199898

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#F2FCFC
100
#E1F8F9
200
#BFF6F8
300
#91EFF2
400
#56E7EB
500
#1BDEE4
600
#15B2B7
700
#118E92
800
#0D6F72
900
#0E5153
950
#093334

Contrast Checker

Text on white

3.59:1

AA Fail AAA Fail

Text on black

5.85:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026