#166A63

#166A63

Color Values

HEX

#166A63

RGB

22, 106, 99

HSL

175.0, 65.6%, 25.1%

HSV

175.0, 79.2%, 41.6%

CMYK

79.2%, 0.0%, 6.6%, 58.4%

OKLCH

0.4752 0.0766 186.5

Properties

Cool Dark Nearest: RAL 6026 Opal Green

Color Harmonies

Complementary

#166A63

#6A161D

Analogous

#166A39

#16476A

#166A63

Triadic

#166A63

#63166A

#6A6316

Split Complementary

#166A63

#6A1647

#6A3916

Tetradic

#166A63

#39166A

#6A161D

#476A16

Color Blindness Simulation

Original

#166A63

Protanopia

#3A3B65

Deuteranopia

#362F65

Tritanopia

#1A6666

Achromatopsia

#585858

CSS Usage

background-color: #166A63;
color: #166A63;
border-color: #166A63;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F3FCFB
100
#E3F7F5
200
#C4F3EF
300
#9AEAE3
400
#63DFD4
500
#2CD3C5
600
#23A99E
700
#1C877E
800
#166A63
900
#144D48
950
#0D312E

Contrast Checker

Text on white

6.41:1

AA Pass AAA Fail

Text on black

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