#12B6B2

#12B6B2

Color Values

HEX

#12B6B2

RGB

18, 182, 178

HSL

178.5, 82.0%, 39.2%

HSV

178.5, 90.1%, 71.4%

CMYK

90.1%, 0.0%, 2.2%, 28.6%

OKLCH

0.7025 0.1184 192.0

Properties

Cool Light Nearest: lightseagreen

Color Harmonies

Complementary

#12B6B2

#B61216

Analogous

#12B660

#1268B6

#12B6B2

Triadic

#12B6B2

#B212B6

#B6B212

Split Complementary

#12B6B2

#B61268

#B66012

Tetradic

#12B6B2

#6012B6

#B61216

#68B612

Color Blindness Simulation

Original

#12B6B2

Protanopia

#595AB3

Deuteranopia

#5043B3

Tritanopia

#1AB4B4

Achromatopsia

#939393

CSS Usage

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

Tailwind Shades

50
#F2FDFC
100
#E1FAF9
200
#BEF9F7
300
#90F4F1
400
#53EEEA
500
#17E8E3
600
#12BAB5
700
#0F9591
800
#0B7471
900
#0D5452
950
#083534

Contrast Checker

Text on white

2.51:1

AA Fail AAA Fail

Text on black

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