#108686

#108686

Color Values

HEX

#108686

RGB

16, 134, 134

HSL

180.0, 78.7%, 29.4%

HSV

180.0, 88.1%, 52.5%

CMYK

88.1%, 0.0%, 0.0%, 47.5%

OKLCH

0.5628 0.0931 194.8

Properties

Cool Light Nearest: teal

Color Harmonies

Complementary

#108686

#861010

Analogous

#10864B

#104B86

#108686

Triadic

#108686

#861086

#868610

Split Complementary

#108686

#86104B

#864B10

Tetradic

#108686

#4B1086

#861010

#4B8610

Color Blindness Simulation

Original

#108686

Protanopia

#434486

Deuteranopia

#3C3386

Tritanopia

#168686

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#F2FCFC
100
#E1F9F9
200
#BFF7F7
300
#92F2F2
400
#56EBEB
500
#1BE4E4
600
#16B6B6
700
#119292
800
#0E7272
900
#0E5353
950
#093434

Contrast Checker

Text on white

4.4:1

AA Fail AAA Fail

Text on black

4.78:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026