#12ABA6

#12ABA6

Color Values

HEX

#12ABA6

RGB

18, 171, 166

HSL

178.0, 81.0%, 37.1%

HSV

178.0, 89.5%, 67.1%

CMYK

89.5%, 0.0%, 2.9%, 32.9%

OKLCH

0.6705 0.1129 191.1

Properties

Cool Light Nearest: NCS S 1050-B50G Turquoise

Color Harmonies

Complementary

#12ABA6

#AB1217

Analogous

#12AB59

#1264AB

#12ABA6

Triadic

#12ABA6

#A612AB

#ABA612

Split Complementary

#12ABA6

#AB1264

#AB5912

Tetradic

#12ABA6

#5912AB

#AB1217

#64AB12

Color Blindness Simulation

Original

#12ABA6

Protanopia

#5456A7

Deuteranopia

#4B40A8

Tritanopia

#1AA8A8

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#F2FDFC
100
#E1F9F9
200
#BEF8F6
300
#90F3F0
400
#54EDE8
500
#18E7E0
600
#13B9B3
700
#10948F
800
#0C7370
900
#0D5451
950
#083533

Contrast Checker

Text on white

2.84:1

AA Fail AAA Fail

Text on black

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