#138C87

#138C87

Color Values

HEX

#138C87

RGB

19, 140, 135

HSL

177.5, 76.1%, 31.2%

HSV

177.5, 86.4%, 54.9%

CMYK

86.4%, 0.0%, 3.6%, 45.1%

OKLCH

0.5794 0.0964 190.3

Properties

Cool Light Nearest: darkcyan

Color Harmonies

Complementary

#138C87

#8C1318

Analogous

#138C4B

#13558C

#138C87

Triadic

#138C87

#87138C

#8C8713

Split Complementary

#138C87

#8C1355

#8C4B13

Tetradic

#138C87

#4B138C

#8C1318

#558C13

Color Blindness Simulation

Original

#138C87

Protanopia

#474888

Deuteranopia

#403788

Tritanopia

#198989

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#F2FCFC
100
#E2F9F8
200
#C0F6F4
300
#93F0EC
400
#59E8E2
500
#1EE1D8
600
#18B4AD
700
#14908B
800
#0F706C
900
#0F524F
950
#0A3432

Contrast Checker

Text on white

4.09:1

AA Fail AAA Fail

Text on black

5.13:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026