#163F49

#163F49

Color Values

HEX

#163F49

RGB

22, 63, 73

HSL

191.8, 53.7%, 18.6%

HSV

191.8, 69.9%, 28.6%

CMYK

69.9%, 13.7%, 0.0%, 71.4%

OKLCH

0.3436 0.0482 216.6

Properties

Cool Dark Nearest: RAL 6004 Blue Green

Color Harmonies

Complementary

#163F49

#492016

Analogous

#164939

#162549

#163F49

Triadic

#163F49

#49163F

#3F4916

Split Complementary

#163F49

#491625

#493916

Tetradic

#163F49

#391649

#492016

#254916

Color Blindness Simulation

Original

#163F49

Protanopia

#282847

Deuteranopia

#252246

Tritanopia

#184544

Achromatopsia

#373737

CSS Usage

background-color: #163F49;
color: #163F49;
border-color: #163F49;
Nearest Tailwind: Cyan 950 #083344

Tailwind Shades

50
#F4F9FB
100
#E5F2F5
200
#C8E7EE
300
#A1D6E3
400
#6EBFD3
500
#3BA9C4
600
#2F879D
700
#266C7D
800
#1E5562
900
#193F48
950
#10282D

Contrast Checker

Text on white

11.4:1

AA Pass AAA Pass

Text on black

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