#12969E

#12969E

Color Values

HEX

#12969E

RGB

18, 150, 158

HSL

183.4, 79.5%, 34.5%

HSV

183.4, 88.6%, 62.0%

CMYK

88.6%, 5.1%, 0.0%, 38.0%

OKLCH

0.6139 0.1015 201.7

Properties

Cool Light Nearest: turquoise 4

Color Harmonies

Complementary

#12969E

#9E1A12

Analogous

#129E60

#12509E

#12969E

Triadic

#12969E

#9E1296

#969E12

Split Complementary

#12969E

#9E1250

#9E6012

Tetradic

#12969E

#60129E

#9E1A12

#509E12

Color Blindness Simulation

Original

#12969E

Protanopia

#4B4C9C

Deuteranopia

#443A9C

Tritanopia

#199B9A

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#F2FCFD
100
#E1F8F9
200
#BFF4F8
300
#91EDF2
400
#56E3EC
500
#1AD9E5
600
#15AEB7
700
#118B92
800
#0D6D72
900
#0E4F53
950
#093234

Contrast Checker

Text on white

3.57:1

AA Fail AAA Fail

Text on black

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