#167B77

#167B77

Color Values

HEX

#167B77

RGB

22, 123, 119

HSL

177.6, 69.7%, 28.4%

HSV

177.6, 82.1%, 48.2%

CMYK

82.1%, 0.0%, 3.3%, 51.8%

OKLCH

0.5288 0.0859 190.7

Properties

Cool Dark Nearest: Pine Green

Color Harmonies

Complementary

#167B77

#7B161A

Analogous

#167B44

#164C7B

#167B77

Triadic

#167B77

#77167B

#7B7716

Split Complementary

#167B77

#7B164C

#7B4416

Tetradic

#167B77

#44167B

#7B161A

#4C7B16

Color Blindness Simulation

Original

#167B77

Protanopia

#424378

Deuteranopia

#3C3478

Tritanopia

#1B7979

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#F3FCFC
100
#E3F8F7
200
#C2F4F2
300
#97ECE9
400
#5FE2DD
500
#27D8D1
600
#1FADA7
700
#198A86
800
#136C69
900
#124F4C
950
#0B3230

Contrast Checker

Text on white

5.08:1

AA Pass AAA Fail

Text on black

4.13:1

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