#166A5C

#166A5C

Color Values

HEX

#166A5C

RGB

22, 106, 92

HSL

170.0, 65.6%, 25.1%

HSV

170.0, 79.2%, 41.6%

CMYK

79.2%, 0.0%, 13.2%, 58.4%

OKLCH

0.4727 0.0797 178.6

Properties

Cool Dark Nearest: RAL 6026 Opal Green

Color Harmonies

Complementary

#166A5C

#6A1624

Analogous

#166A32

#164E6A

#166A5C

Triadic

#166A5C

#5C166A

#6A5C16

Split Complementary

#166A5C

#6A164E

#6A3216

Tetradic

#166A5C

#32166A

#6A1624

#4E6A16

Color Blindness Simulation

Original

#166A5C

Protanopia

#3A3B5F

Deuteranopia

#362F60

Tritanopia

#1A6263

Achromatopsia

#575757

CSS Usage

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

Tailwind Shades

50
#F3FCFA
100
#E3F7F4
200
#C4F3EB
300
#9AEADD
400
#63DFCA
500
#2CD3B7
600
#23A993
700
#1C8775
800
#166A5C
900
#144D44
950
#0D312B

Contrast Checker

Text on white

6.46:1

AA Pass AAA Fail

Text on black

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