#138D89

#138D89

Color Values

HEX

#138D89

RGB

19, 141, 137

HSL

178.0, 76.2%, 31.4%

HSV

178.0, 86.5%, 55.3%

CMYK

86.5%, 0.0%, 2.8%, 44.7%

OKLCH

0.5828 0.0968 191.2

Properties

Cool Light Nearest: darkcyan

Color Harmonies

Complementary

#138D89

#8D1317

Analogous

#138D4C

#13548D

#138D89

Triadic

#138D89

#89138D

#8D8913

Split Complementary

#138D89

#8D1354

#8D4C13

Tetradic

#138D89

#4C138D

#8D1317

#548D13

Color Blindness Simulation

Original

#138D89

Protanopia

#48498A

Deuteranopia

#41388A

Tritanopia

#198B8B

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#F2FCFC
100
#E2F9F8
200
#C0F7F5
300
#93F0ED
400
#59E9E4
500
#1EE1DA
600
#18B4AF
700
#13908C
800
#0F706D
900
#0F524F
950
#0A3432

Contrast Checker

Text on white

4.04:1

AA Fail AAA Fail

Text on black

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