#127F89

#127F89

Color Values

HEX

#127F89

RGB

18, 127, 137

HSL

185.0, 76.8%, 30.4%

HSV

185.0, 86.9%, 53.7%

CMYK

86.9%, 7.3%, 0.0%, 46.3%

OKLCH

0.5458 0.0895 204.9

Properties

Cool Dark Nearest: turquoise 4

Color Harmonies

Complementary

#127F89

#891C12

Analogous

#128957

#124489

#127F89

Triadic

#127F89

#89127F

#7F8912

Split Complementary

#127F89

#891244

#895712

Tetradic

#127F89

#571289

#891C12

#448912

Color Blindness Simulation

Original

#127F89

Protanopia

#414287

Deuteranopia

#3B3386

Tritanopia

#178584

Achromatopsia

#696969

CSS Usage

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

Tailwind Shades

50
#F2FCFC
100
#E1F7F9
200
#C0F2F7
300
#93E9F1
400
#58DDE9
500
#1ED1E1
600
#18A7B4
700
#138690
800
#0F6971
900
#0F4C52
950
#093034

Contrast Checker

Text on white

4.75:1

AA Pass AAA Fail

Text on black

4.42:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026