#163675

#163675

Color Values

HEX

#163675

RGB

22, 54, 117

HSL

219.8, 68.3%, 27.3%

HSV

219.8, 81.2%, 45.9%

CMYK

81.2%, 53.8%, 0.0%, 54.1%

OKLCH

0.3491 0.1149 262.1

Properties

Cool Dark Nearest: NCS S 3060-B Dark Blue

Color Harmonies

Complementary

#163675

#755516

Analogous

#166675

#261675

#163675

Triadic

#163675

#751636

#367516

Split Complementary

#163675

#752616

#667516

Tetradic

#163675

#751666

#755516

#167526

Color Blindness Simulation

Original

#163675

Protanopia

#242466

Deuteranopia

#222062

Tritanopia

#185A57

Achromatopsia

#343434

CSS Usage

background-color: #163675;
color: #163675;
border-color: #163675;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F3F6FC
100
#E3EAF8
200
#C3D3F4
300
#98B4EC
400
#608CE1
500
#2863D7
600
#204FAC
700
#1A3F89
800
#14326B
900
#13274E
950
#0C1831

Contrast Checker

Text on white

11.55:1

AA Pass AAA Pass

Text on black

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