#168587

#168587

Color Values

HEX

#168587

RGB

22, 133, 135

HSL

181.1, 72.0%, 30.8%

HSV

181.1, 83.7%, 52.9%

CMYK

83.7%, 1.5%, 0.0%, 47.1%

OKLCH

0.5614 0.0909 196.8

Properties

Cool Light Nearest: turquoise 4

Color Harmonies

Complementary

#168587

#871816

Analogous

#168751

#164C87

#168587

Triadic

#168587

#871685

#858716

Split Complementary

#168587

#87164C

#875116

Tetradic

#168587

#511687

#871816

#4C8716

Color Blindness Simulation

Original

#168587

Protanopia

#464787

Deuteranopia

#403786

Tritanopia

#1C8686

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#F3FCFC
100
#E2F8F8
200
#C2F4F5
300
#96ECEE
400
#5DE2E5
500
#24D8DB
600
#1DADAF
700
#178A8C
800
#126C6E
900
#114F50
950
#0B3232

Contrast Checker

Text on white

4.43:1

AA Fail AAA Fail

Text on black

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