#188C80

#188C80

Color Values

HEX

#188C80

RGB

24, 140, 128

HSL

173.8, 70.7%, 32.2%

HSV

173.8, 82.9%, 54.9%

CMYK

82.9%, 0.0%, 8.6%, 45.1%

OKLCH

0.5777 0.0972 184.0

Properties

Cool Light Nearest: Pine Green

Color Harmonies

Complementary

#188C80

#8C1824

Analogous

#188C46

#185E8C

#188C80

Triadic

#188C80

#80188C

#8C8018

Split Complementary

#188C80

#8C185E

#8C4618

Tetradic

#188C80

#46188C

#8C1824

#5E8C18

Color Blindness Simulation

Original

#188C80

Protanopia

#4A4B83

Deuteranopia

#443B84

Tritanopia

#1E8586

Achromatopsia

#727272

CSS Usage

background-color: #188C80;
color: #188C80;
border-color: #188C80;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F3FCFB
100
#E2F8F6
200
#C2F5EF
300
#97EDE4
400
#5EE3D6
500
#25DAC7
600
#1EAE9F
700
#188B7F
800
#136D64
900
#124F49
950
#0B322E

Contrast Checker

Text on white

4.12:1

AA Fail AAA Fail

Text on black

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