#164737

#164737

Color Values

HEX

#164737

RGB

22, 71, 55

HSL

160.4, 52.7%, 18.2%

HSV

160.4, 69.0%, 27.8%

CMYK

69.0%, 0.0%, 22.5%, 72.2%

OKLCH

0.3598 0.0597 168.0

Properties

Cool Dark Nearest: RAL 6028 Pine Green

Color Harmonies

Complementary

#164737

#471626

Analogous

#16471E

#163E47

#164737

Triadic

#164737

#371647

#473716

Split Complementary

#164737

#47163E

#471E16

Tetradic

#164737

#1E1647

#471626

#3E4716

Color Blindness Simulation

Original

#164737

Protanopia

#2B2C3B

Deuteranopia

#28253C

Tritanopia

#183E3F

Achromatopsia

#3B3B3B

CSS Usage

background-color: #164737;
color: #164737;
border-color: #164737;
Nearest Tailwind: Emerald 900 #064E3B

Tailwind Shades

50
#F4FBF9
100
#E5F5F0
200
#C8EEE2
300
#A2E2CD
400
#6FD2B2
500
#3CC397
600
#309C79
700
#277D61
800
#1E614B
900
#194738
950
#102D24

Contrast Checker

Text on white

10.55:1

AA Pass AAA Pass

Text on black

1.99:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026