#16464C

#16464C

Color Values

HEX

#16464C

RGB

22, 70, 76

HSL

186.7, 55.1%, 19.2%

HSV

186.7, 71.1%, 29.8%

CMYK

71.1%, 7.9%, 0.0%, 70.2%

OKLCH

0.3649 0.0515 206.7

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#16464C

#4C1C16

Analogous

#164C37

#162B4C

#16464C

Triadic

#16464C

#4C1646

#464C16

Split Complementary

#16464C

#4C162B

#4C3716

Tetradic

#16464C

#37164C

#4C1C16

#2B4C16

Color Blindness Simulation

Original

#16464C

Protanopia

#2B2B4B

Deuteranopia

#28244A

Tritanopia

#184949

Achromatopsia

#3C3C3C

CSS Usage

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

Tailwind Shades

50
#F4FAFB
100
#E5F4F6
200
#C8EBEF
300
#A0DCE4
400
#6DC9D5
500
#39B6C6
600
#2E929E
700
#25757F
800
#1D5B63
900
#184348
950
#0F2A2E

Contrast Checker

Text on white

10.42:1

AA Pass AAA Pass

Text on black

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