#127370

#127370

Color Values

HEX

#127370

RGB

18, 115, 112

HSL

178.1, 72.9%, 26.1%

HSV

178.1, 84.3%, 45.1%

CMYK

84.3%, 0.0%, 2.6%, 54.9%

OKLCH

0.5039 0.0823 191.5

Properties

Cool Dark Nearest: teal

Color Harmonies

Complementary

#127370

#731215

Analogous

#12733F

#124673

#127370

Triadic

#127370

#701273

#737012

Split Complementary

#127370

#731246

#733F12

Tetradic

#127370

#3F1273

#731215

#467312

Color Blindness Simulation

Original

#127370

Protanopia

#3C3D71

Deuteranopia

#362F71

Tritanopia

#177171

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#F3FCFC
100
#E2F8F8
200
#C1F5F4
300
#95EEEC
400
#5CE5E1
500
#23DCD7
600
#1CB0AC
700
#168D89
800
#116E6B
900
#11504E
950
#0B3331

Contrast Checker

Text on white

5.66:1

AA Pass AAA Fail

Text on black

3.71:1

AA Fail 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