#12706F

#12706F

Color Values

HEX

#12706F

RGB

18, 112, 111

HSL

179.4, 72.3%, 25.5%

HSV

179.4, 83.9%, 43.9%

CMYK

83.9%, 0.0%, 0.9%, 56.1%

OKLCH

0.4954 0.0802 193.7

Properties

Cool Dark Nearest: teal

Color Harmonies

Complementary

#12706F

#701213

Analogous

#127040

#124270

#12706F

Triadic

#12706F

#6F1270

#706F12

Split Complementary

#12706F

#701242

#704012

Tetradic

#12706F

#401270

#701213

#427012

Color Blindness Simulation

Original

#12706F

Protanopia

#3B3C6F

Deuteranopia

#352E6F

Tritanopia

#176F6F

Achromatopsia

#5C5C5C

CSS Usage

background-color: #12706F;
color: #12706F;
border-color: #12706F;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F3FCFC
100
#E2F8F8
200
#C1F5F5
300
#96EEED
400
#5CE5E4
500
#23DCDA
600
#1CB0AE
700
#178D8B
800
#126E6D
900
#11504F
950
#0B3332

Contrast Checker

Text on white

5.88:1

AA Pass AAA Fail

Text on black

3.57:1

AA Fail AAA Fail

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