#166A5D

#166A5D

Color Values

HEX

#166A5D

RGB

22, 106, 93

HSL

170.7, 65.6%, 25.1%

HSV

170.7, 79.2%, 41.6%

CMYK

79.2%, 0.0%, 12.3%, 58.4%

OKLCH

0.4731 0.0792 179.6

Properties

Cool Dark Nearest: RAL 6026 Opal Green

Color Harmonies

Complementary

#166A5D

#6A1623

Analogous

#166A33

#164D6A

#166A5D

Triadic

#166A5D

#5D166A

#6A5D16

Split Complementary

#166A5D

#6A164D

#6A3316

Tetradic

#166A5D

#33166A

#6A1623

#4D6A16

Color Blindness Simulation

Original

#166A5D

Protanopia

#3A3B60

Deuteranopia

#362F61

Tritanopia

#1A6363

Achromatopsia

#575757

CSS Usage

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

Tailwind Shades

50
#F3FCFA
100
#E3F7F4
200
#C4F3EB
300
#9AEADE
400
#63DFCB
500
#2CD3B9
600
#23A994
700
#1C8777
800
#166A5D
900
#144D44
950
#0D312B

Contrast Checker

Text on white

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