#164A4F

#164A4F

Color Values

HEX

#164A4F

RGB

22, 74, 79

HSL

185.3, 56.4%, 19.8%

HSV

185.3, 72.2%, 31.0%

CMYK

72.2%, 6.3%, 0.0%, 69.0%

OKLCH

0.3776 0.0542 204.2

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#164A4F

#4F1B16

Analogous

#164F38

#162D4F

#164A4F

Triadic

#164A4F

#4F164A

#4A4F16

Split Complementary

#164A4F

#4F162D

#4F3816

Tetradic

#164A4F

#38164F

#4F1B16

#2D4F16

Color Blindness Simulation

Original

#164A4F

Protanopia

#2D2D4E

Deuteranopia

#2A264E

Tritanopia

#194D4D

Achromatopsia

#3F3F3F

CSS Usage

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

Tailwind Shades

50
#F4FAFB
100
#E5F4F6
200
#C7ECEF
300
#9FDEE4
400
#6BCCD6
500
#38BBC7
600
#2C95A0
700
#247780
800
#1C5D64
900
#184549
950
#0F2B2E

Contrast Checker

Text on white

9.88:1

AA Pass AAA Pass

Text on black

2.13:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026