#12BA9C

#12BA9C

Color Values

HEX

#12BA9C

RGB

18, 186, 156

HSL

169.3, 82.4%, 40.0%

HSV

169.3, 90.3%, 72.9%

CMYK

90.3%, 0.0%, 16.1%, 27.1%

OKLCH

0.7057 0.1303 175.3

Properties

Cool Light Nearest: Jungle Green

Color Harmonies

Complementary

#12BA9C

#BA1230

Analogous

#12BA48

#1284BA

#12BA9C

Triadic

#12BA9C

#9C12BA

#BA9C12

Split Complementary

#12BA9C

#BA1284

#BA4812

Tetradic

#12BA9C

#4812BA

#BA1230

#84BA12

Color Blindness Simulation

Original

#12BA9C

Protanopia

#5B5CA3

Deuteranopia

#5144A5

Tritanopia

#1AA9AA

Achromatopsia

#949494

CSS Usage

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

Tailwind Shades

50
#F2FDFB
100
#E1FAF5
200
#BEF9EE
300
#8FF4E2
400
#53EED3
500
#16E9C3
600
#12BA9C
700
#0E957D
800
#0B7462
900
#0D5448
950
#08352D

Contrast Checker

Text on white

2.46:1

AA Fail AAA Fail

Text on black

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