#164142

#164142

Color Values

HEX

#164142

RGB

22, 65, 66

HSL

181.4, 50.0%, 17.3%

HSV

181.4, 66.7%, 25.9%

CMYK

66.7%, 1.5%, 0.0%, 74.1%

OKLCH

0.3462 0.0469 197.3

Properties

Cool Dark Nearest: RAL 6036 Pearl Opal Green

Color Harmonies

Complementary

#164142

#421716

Analogous

#16422D

#162B42

#164142

Triadic

#164142

#421641

#414216

Split Complementary

#164142

#42162B

#422D16

Tetradic

#164142

#2D1642

#421716

#2B4216

Color Blindness Simulation

Original

#164142

Protanopia

#292942

Deuteranopia

#262342

Tritanopia

#184242

Achromatopsia

#383838

CSS Usage

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

Tailwind Shades

50
#F4FAFB
100
#E6F4F5
200
#C9ECED
300
#A3DFE0
400
#71CED0
500
#40BCBF
600
#339799
700
#29787A
800
#205E60
900
#1B4546
950
#112C2C

Contrast Checker

Text on white

11.24:1

AA Pass AAA Pass

Text on black

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