#12BAB4

#12BAB4

Color Values

HEX

#12BAB4

RGB

18, 186, 180

HSL

177.9, 82.4%, 40.0%

HSV

177.9, 90.3%, 72.9%

CMYK

90.3%, 0.0%, 3.2%, 27.1%

OKLCH

0.7132 0.1207 190.6

Properties

Cool Light Nearest: lightseagreen

Color Harmonies

Complementary

#12BAB4

#BA1218

Analogous

#12BA60

#126CBA

#12BAB4

Triadic

#12BAB4

#B412BA

#BAB412

Split Complementary

#12BAB4

#BA126C

#BA6012

Tetradic

#12BAB4

#6012BA

#BA1218

#6CBA12

Color Blindness Simulation

Original

#12BAB4

Protanopia

#5B5CB5

Deuteranopia

#5144B6

Tritanopia

#1AB7B7

Achromatopsia

#969696

CSS Usage

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

Tailwind Shades

50
#F2FDFC
100
#E1FAF9
200
#BEF9F7
300
#8FF4F1
400
#53EEE9
500
#16E9E1
600
#12BAB4
700
#0E9590
800
#0B7471
900
#0D5452
950
#083534

Contrast Checker

Text on white

2.41:1

AA Fail AAA Fail

Text on black

8.71:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026