#127F83

#127F83

Color Values

HEX

#127F83

RGB

18, 127, 131

HSL

182.1, 75.8%, 29.2%

HSV

182.1, 86.3%, 51.4%

CMYK

86.3%, 3.1%, 0.0%, 48.6%

OKLCH

0.5434 0.0887 198.9

Properties

Cool Dark Nearest: teal

Color Harmonies

Complementary

#127F83

#831612

Analogous

#12834E

#124783

#127F83

Triadic

#127F83

#83127F

#7F8312

Split Complementary

#127F83

#831247

#834E12

Tetradic

#127F83

#4E1283

#831612

#478312

Color Blindness Simulation

Original

#127F83

Protanopia

#414282

Deuteranopia

#3B3382

Tritanopia

#178181

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#F2FCFC
100
#E2F8F9
200
#C0F4F6
300
#93EDF0
400
#59E3E8
500
#1FD9E0
600
#19AEB3
700
#148B8F
800
#0F6D70
900
#0F4F52
950
#0A3233

Contrast Checker

Text on white

4.78:1

AA Pass AAA Fail

Text on black

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