#164444

#164444

Color Values

HEX

#164444

RGB

22, 68, 68

HSL

180.0, 51.1%, 17.6%

HSV

180.0, 67.6%, 26.7%

CMYK

67.6%, 0.0%, 0.0%, 73.3%

OKLCH

0.3557 0.0493 195.2

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#164444

#441616

Analogous

#16442D

#162D44

#164444

Triadic

#164444

#441644

#444416

Split Complementary

#164444

#44162D

#442D16

Tetradic

#164444

#2D1644

#441616

#2D4416

Color Blindness Simulation

Original

#164444

Protanopia

#2A2A44

Deuteranopia

#272444

Tritanopia

#184444

Achromatopsia

#3A3A3A

CSS Usage

background-color: #164444;
color: #164444;
border-color: #164444;
Nearest Tailwind: Teal 900 #134E4A

Tailwind Shades

50
#F4FBFB
100
#E5F5F5
200
#C9EEEE
300
#A3E1E1
400
#70D1D1
500
#3EC1C1
600
#329A9A
700
#287B7B
800
#1F6060
900
#1A4747
950
#112D2D

Contrast Checker

Text on white

10.8:1

AA Pass AAA Pass

Text on black

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