#178C75

#178C75

Color Values

HEX

#178C75

RGB

23, 140, 117

HSL

168.2, 71.8%, 32.0%

HSV

168.2, 83.6%, 54.9%

CMYK

83.6%, 0.0%, 16.4%, 45.1%

OKLCH

0.574 0.1031 175.0

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#178C75

#8C172E

Analogous

#178C3B

#17698C

#178C75

Triadic

#178C75

#75178C

#8C7517

Split Complementary

#178C75

#8C1769

#8C3B17

Tetradic

#178C75

#3B178C

#8C172E

#698C17

Color Blindness Simulation

Original

#178C75

Protanopia

#4A4B7B

Deuteranopia

#433A7C

Tritanopia

#1D7F80

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#F3FCFA
100
#E2F8F4
200
#C2F5EB
300
#96EEDC
400
#5DE4CA
500
#24DBB7
600
#1DAF92
700
#178C75
800
#126E5C
900
#115043
950
#0B322B

Contrast Checker

Text on white

4.16:1

AA Fail AAA Fail

Text on black

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