#138784

#138784

Color Values

HEX

#138784

RGB

19, 135, 132

HSL

178.4, 75.3%, 30.2%

HSV

178.4, 85.9%, 52.9%

CMYK

85.9%, 0.0%, 2.2%, 47.1%

OKLCH

0.5651 0.0933 192.0

Properties

Cool Light Nearest: darkcyan

Color Harmonies

Complementary

#138784

#871316

Analogous

#13874A

#135087

#138784

Triadic

#138784

#841387

#878413

Split Complementary

#138784

#871350

#874A13

Tetradic

#138784

#4A1387

#871316

#508713

Color Blindness Simulation

Original

#138784

Protanopia

#454685

Deuteranopia

#3E3685

Tritanopia

#198585

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#F2FCFC
100
#E2F9F8
200
#C0F6F5
300
#94F0ED
400
#5AE8E4
500
#1FE0DA
600
#19B3AF
700
#148F8C
800
#10706D
900
#105150
950
#0A3332

Contrast Checker

Text on white

4.35:1

AA Fail AAA Fail

Text on black

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