#178C78

#178C78

Color Values

HEX

#178C78

RGB

23, 140, 120

HSL

169.7, 71.8%, 32.0%

HSV

169.7, 83.6%, 54.9%

CMYK

83.6%, 0.0%, 14.3%, 45.1%

OKLCH

0.5749 0.1013 177.3

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#178C78

#8C172B

Analogous

#178C3D

#17668C

#178C78

Triadic

#178C78

#78178C

#8C7817

Split Complementary

#178C78

#8C1766

#8C3D17

Tetradic

#178C78

#3D178C

#8C172B

#668C17

Color Blindness Simulation

Original

#178C78

Protanopia

#4A4B7D

Deuteranopia

#433A7E

Tritanopia

#1D8182

Achromatopsia

#727272

CSS Usage

background-color: #178C78;
color: #178C78;
border-color: #178C78;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F3FCFA
100
#E2F8F4
200
#C2F5EC
300
#96EEDF
400
#5DE4CD
500
#24DBBC
600
#1DAF96
700
#178C78
800
#126E5E
900
#115045
950
#0B322C

Contrast Checker

Text on white

4.15:1

AA Fail AAA Fail

Text on black

5.06:1

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