#128289

#128289

Color Values

HEX

#128289

RGB

18, 130, 137

HSL

183.5, 76.8%, 30.4%

HSV

183.5, 86.9%, 53.7%

CMYK

86.9%, 5.1%, 0.0%, 46.3%

OKLCH

0.5537 0.0906 201.8

Properties

Cool Light Nearest: turquoise 4

Color Harmonies

Complementary

#128289

#891912

Analogous

#128954

#124789

#128289

Triadic

#128289

#891282

#828912

Split Complementary

#128289

#891247

#895412

Tetradic

#128289

#541289

#891912

#478912

Color Blindness Simulation

Original

#128289

Protanopia

#434387

Deuteranopia

#3C3487

Tritanopia

#188686

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#F2FCFC
100
#E1F7F9
200
#C0F4F7
300
#93EBF1
400
#58E1E9
500
#1ED6E1
600
#18ABB4
700
#138990
800
#0F6B71
900
#0F4E52
950
#093134

Contrast Checker

Text on white

4.59:1

AA Pass AAA Fail

Text on black

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