#12BA99

#12BA99

Color Values

HEX

#12BA99

RGB

18, 186, 153

HSL

168.2, 82.4%, 40.0%

HSV

168.2, 90.3%, 72.9%

CMYK

90.3%, 0.0%, 17.7%, 27.1%

OKLCH

0.7048 0.1321 173.6

Properties

Cool Light Nearest: Mountain Meadow

Color Harmonies

Complementary

#12BA99

#BA1233

Analogous

#12BA45

#1287BA

#12BA99

Triadic

#12BA99

#9912BA

#BA9912

Split Complementary

#12BA99

#BA1287

#BA4512

Tetradic

#12BA99

#4512BA

#BA1233

#87BA12

Color Blindness Simulation

Original

#12BA99

Protanopia

#5B5CA1

Deuteranopia

#5144A3

Tritanopia

#1AA7A9

Achromatopsia

#949494

CSS Usage

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

Tailwind Shades

50
#F2FDFB
100
#E1FAF5
200
#BEF9ED
300
#8FF4E0
400
#53EED0
500
#16E9BF
600
#12BA99
700
#0E957A
800
#0B7460
900
#0D5446
950
#08352C

Contrast Checker

Text on white

2.47:1

AA Fail AAA Fail

Text on black

8.51:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026