#128A86

#128A86

Color Values

HEX

#128A86

RGB

18, 138, 134

HSL

178.0, 76.9%, 30.6%

HSV

178.0, 87.0%, 54.1%

CMYK

87.0%, 0.0%, 2.9%, 45.9%

OKLCH

0.5736 0.0954 191.1

Properties

Cool Light Nearest: darkcyan

Color Harmonies

Complementary

#128A86

#8A1216

Analogous

#128A4A

#12528A

#128A86

Triadic

#128A86

#86128A

#8A8612

Split Complementary

#128A86

#8A1252

#8A4A12

Tetradic

#128A86

#4A128A

#8A1216

#528A12

Color Blindness Simulation

Original

#128A86

Protanopia

#464787

Deuteranopia

#3F3687

Tritanopia

#188888

Achromatopsia

#707070

CSS Usage

background-color: #128A86;
color: #128A86;
border-color: #128A86;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F2FCFC
100
#E1F9F8
200
#C0F7F5
300
#93F1EE
400
#58E9E4
500
#1DE2DB
600
#18B4AF
700
#13908C
800
#0F716E
900
#0F5250
950
#093432

Contrast Checker

Text on white

4.2:1

AA Fail AAA Fail

Text on black

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