#108C88

#108C88

Color Values

HEX

#108C88

RGB

16, 140, 136

HSL

178.1, 79.5%, 30.6%

HSV

178.1, 88.6%, 54.9%

CMYK

88.6%, 0.0%, 2.9%, 45.1%

OKLCH

0.5794 0.0969 191.2

Properties

Cool Light Nearest: darkcyan

Color Harmonies

Complementary

#108C88

#8C1014

Analogous

#108C4A

#10528C

#108C88

Triadic

#108C88

#88108C

#8C8810

Split Complementary

#108C88

#8C1052

#8C4A10

Tetradic

#108C88

#4A108C

#8C1014

#528C10

Color Blindness Simulation

Original

#108C88

Protanopia

#464789

Deuteranopia

#3E3589

Tritanopia

#168A8A

Achromatopsia

#717171

CSS Usage

background-color: #108C88;
color: #108C88;
border-color: #108C88;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F2FDFC
100
#E1F9F8
200
#BFF8F6
300
#91F2EF
400
#56ECE7
500
#1AE5DE
600
#15B7B2
700
#11928E
800
#0D726F
900
#0E5351
950
#093433

Contrast Checker

Text on white

4.09:1

AA Fail AAA Fail

Text on black

5.13:1

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