#164248

#164248

Color Values

HEX

#164248

RGB

22, 66, 72

HSL

187.2, 53.2%, 18.4%

HSV

187.2, 69.4%, 28.2%

CMYK

69.4%, 8.3%, 0.0%, 71.8%

OKLCH

0.3517 0.0485 207.6

Properties

Cool Dark Nearest: RAL 6004 Blue Green

Color Harmonies

Complementary

#164248

#481C16

Analogous

#164835

#162948

#164248

Triadic

#164248

#481642

#424816

Split Complementary

#164248

#481629

#483516

Tetradic

#164248

#351648

#481C16

#294816

Color Blindness Simulation

Original

#164248

Protanopia

#292947

Deuteranopia

#262346

Tritanopia

#184545

Achromatopsia

#393939

CSS Usage

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

Tailwind Shades

50
#F4FAFB
100
#E5F3F5
200
#C8EAEE
300
#A1DBE2
400
#6EC7D3
500
#3CB3C3
600
#308F9C
700
#26737D
800
#1E5A62
900
#194248
950
#102A2D

Contrast Checker

Text on white

11.01:1

AA Pass AAA Pass

Text on black

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