#166F6C

#166F6C

Color Values

HEX

#166F6C

RGB

22, 111, 108

HSL

178.0, 66.9%, 26.1%

HSV

178.0, 80.2%, 43.5%

CMYK

80.2%, 0.0%, 2.7%, 56.5%

OKLCH

0.4922 0.0786 191.4

Properties

Cool Dark Nearest: teal

Color Harmonies

Complementary

#166F6C

#6F1619

Analogous

#166F40

#16466F

#166F6C

Triadic

#166F6C

#6C166F

#6F6C16

Split Complementary

#166F6C

#6F1646

#6F4016

Tetradic

#166F6C

#40166F

#6F1619

#466F16

Color Blindness Simulation

Original

#166F6C

Protanopia

#3D3D6D

Deuteranopia

#37316D

Tritanopia

#1A6D6D

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#F3FCFB
100
#E3F7F7
200
#C3F3F2
300
#99EBE8
400
#62E0DC
500
#2AD5CF
600
#22AAA6
700
#1B8885
800
#156A68
900
#134E4C
950
#0C3130

Contrast Checker

Text on white

5.96:1

AA Pass AAA Fail

Text on black

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