#164544

#164544

Color Values

HEX

#164544

RGB

22, 69, 68

HSL

178.7, 51.6%, 17.8%

HSV

178.7, 68.1%, 27.1%

CMYK

68.1%, 0.0%, 1.4%, 72.9%

OKLCH

0.3586 0.0501 193.2

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#164544

#451617

Analogous

#16452C

#162E45

#164544

Triadic

#164544

#441645

#454416

Split Complementary

#164544

#45162E

#452C16

Tetradic

#164544

#2C1645

#451617

#2E4516

Color Blindness Simulation

Original

#164544

Protanopia

#2A2B44

Deuteranopia

#282444

Tritanopia

#184444

Achromatopsia

#3B3B3B

CSS Usage

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

Tailwind Shades

50
#F4FBFB
100
#E5F5F5
200
#C9EEED
300
#A2E1E0
400
#70D1CF
500
#3EC1BE
600
#319B98
700
#277C7A
800
#1F615F
900
#1A4746
950
#102D2C

Contrast Checker

Text on white

10.67:1

AA Pass AAA Pass

Text on black

1.97:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026