#12ACA9

#12ACA9

Color Values

HEX

#12ACA9

RGB

18, 172, 169

HSL

178.8, 81.1%, 37.3%

HSV

178.8, 89.5%, 67.5%

CMYK

89.5%, 0.0%, 1.7%, 32.5%

OKLCH

0.6741 0.1131 192.6

Properties

Cool Light Nearest: NCS S 1050-B50G Turquoise

Color Harmonies

Complementary

#12ACA9

#AC1215

Analogous

#12AC5C

#1262AC

#12ACA9

Triadic

#12ACA9

#A912AC

#ACA912

Split Complementary

#12ACA9

#AC1262

#AC5C12

Tetradic

#12ACA9

#5C12AC

#AC1215

#62AC12

Color Blindness Simulation

Original

#12ACA9

Protanopia

#5556AA

Deuteranopia

#4C40AA

Tritanopia

#1AAAAA

Achromatopsia

#8B8B8B

CSS Usage

background-color: #12ACA9;
color: #12ACA9;
border-color: #12ACA9;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F2FDFC
100
#E1F9F9
200
#BEF8F7
300
#90F3F1
400
#54EDEA
500
#18E7E3
600
#13B9B5
700
#0F9491
800
#0C7371
900
#0D5452
950
#083534

Contrast Checker

Text on white

2.8:1

AA Fail AAA Fail

Text on black

7.5:1

AA Pass AAA Pass

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