#12BA9B

#12BA9B

Color Values

HEX

#12BA9B

RGB

18, 186, 155

HSL

168.9, 82.4%, 40.0%

HSV

168.9, 90.3%, 72.9%

CMYK

90.3%, 0.0%, 16.7%, 27.1%

OKLCH

0.7054 0.1309 174.8

Properties

Cool Light Nearest: Mountain Meadow

Color Harmonies

Complementary

#12BA9B

#BA1231

Analogous

#12BA47

#1285BA

#12BA9B

Triadic

#12BA9B

#9B12BA

#BA9B12

Split Complementary

#12BA9B

#BA1285

#BA4712

Tetradic

#12BA9B

#4712BA

#BA1231

#85BA12

Color Blindness Simulation

Original

#12BA9B

Protanopia

#5B5CA2

Deuteranopia

#5144A4

Tritanopia

#1AA8AA

Achromatopsia

#949494

CSS Usage

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

Tailwind Shades

50
#F2FDFB
100
#E1FAF5
200
#BEF9EE
300
#8FF4E2
400
#53EED2
500
#16E9C2
600
#12BA9B
700
#0E957C
800
#0B7461
900
#0D5447
950
#08352D

Contrast Checker

Text on white

2.46:1

AA Fail AAA Fail

Text on black

8.52:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026