#16484E

#16484E

Color Values

HEX

#16484E

RGB

22, 72, 78

HSL

186.4, 56.0%, 19.6%

HSV

186.4, 71.8%, 30.6%

CMYK

71.8%, 7.7%, 0.0%, 69.4%

OKLCH

0.3714 0.053 206.4

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#16484E

#4E1C16

Analogous

#164E38

#162C4E

#16484E

Triadic

#16484E

#4E1648

#484E16

Split Complementary

#16484E

#4E162C

#4E3816

Tetradic

#16484E

#38164E

#4E1C16

#2C4E16

Color Blindness Simulation

Original

#16484E

Protanopia

#2C2C4D

Deuteranopia

#29254C

Tritanopia

#184B4B

Achromatopsia

#3E3E3E

CSS Usage

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

Tailwind Shades

50
#F4FAFB
100
#E5F4F6
200
#C7EBEF
300
#A0DDE4
400
#6CCAD5
500
#38B8C7
600
#2D939F
700
#24767F
800
#1C5C63
900
#184449
950
#0F2B2E

Contrast Checker

Text on white

10.14:1

AA Pass AAA Pass

Text on black

2.07:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026