#16474D

#16474D

Color Values

HEX

#16474D

RGB

22, 71, 77

HSL

186.5, 55.6%, 19.4%

HSV

186.5, 71.4%, 30.2%

CMYK

71.4%, 7.8%, 0.0%, 69.8%

OKLCH

0.3682 0.0523 206.5

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#16474D

#4D1C16

Analogous

#164D37

#162C4D

#16474D

Triadic

#16474D

#4D1647

#474D16

Split Complementary

#16474D

#4D162C

#4D3716

Tetradic

#16474D

#37164D

#4D1C16

#2C4D16

Color Blindness Simulation

Original

#16474D

Protanopia

#2B2C4C

Deuteranopia

#28254B

Tritanopia

#184A4A

Achromatopsia

#3D3D3D

CSS Usage

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

Tailwind Shades

50
#F4FAFB
100
#E5F4F6
200
#C7EBEF
300
#A0DCE4
400
#6CCAD5
500
#39B7C6
600
#2D929F
700
#24757F
800
#1C5C63
900
#184349
950
#0F2B2E

Contrast Checker

Text on white

10.28:1

AA Pass AAA Pass

Text on black

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