#167B80

#167B80

Color Values

HEX

#167B80

RGB

22, 123, 128

HSL

182.8, 70.7%, 29.4%

HSV

182.8, 82.8%, 50.2%

CMYK

82.8%, 3.9%, 0.0%, 49.8%

OKLCH

0.5322 0.0853 200.2

Properties

Cool Dark Nearest: teal

Color Harmonies

Complementary

#167B80

#801B16

Analogous

#168050

#164680

#167B80

Triadic

#167B80

#80167B

#7B8016

Split Complementary

#167B80

#801646

#805016

Tetradic

#167B80

#501680

#801B16

#468016

Color Blindness Simulation

Original

#167B80

Protanopia

#42437F

Deuteranopia

#3C347E

Tritanopia

#1B7E7E

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#F3FCFC
100
#E2F7F8
200
#C2F2F5
300
#97E9ED
400
#5EDDE3
500
#25D1DA
600
#1EA7AE
700
#18868B
800
#13696D
900
#124C4F
950
#0B3032

Contrast Checker

Text on white

5.03:1

AA Pass AAA Fail

Text on black

4.18:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026