#138F86

#138F86

Color Values

HEX

#138F86

RGB

19, 143, 134

HSL

175.6, 76.5%, 31.8%

HSV

175.6, 86.7%, 56.1%

CMYK

86.7%, 0.0%, 6.3%, 43.9%

OKLCH

0.587 0.0991 186.9

Properties

Cool Light Nearest: darkcyan

Color Harmonies

Complementary

#138F86

#8F131C

Analogous

#138F48

#135A8F

#138F86

Triadic

#138F86

#86138F

#8F8613

Split Complementary

#138F86

#8F135A

#8F4813

Tetradic

#138F86

#48138F

#8F131C

#5A8F13

Color Blindness Simulation

Original

#138F86

Protanopia

#494A88

Deuteranopia

#423889

Tritanopia

#198A8A

Achromatopsia

#747474

CSS Usage

background-color: #138F86;
color: #138F86;
border-color: #138F86;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F2FCFC
100
#E2F9F7
200
#C0F7F3
300
#93F1EA
400
#58E9DE
500
#1EE1D3
600
#18B4A9
700
#139087
800
#0F7169
900
#0F524D
950
#0A3431

Contrast Checker

Text on white

3.96:1

AA Fail AAA Fail

Text on black

5.3:1

AA Pass AAA Fail

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