#164185

#164185

Color Values

HEX

#164185

RGB

22, 65, 133

HSL

216.8, 71.6%, 30.4%

HSV

216.8, 83.5%, 52.2%

CMYK

83.5%, 51.1%, 0.0%, 47.8%

OKLCH

0.3875 0.1238 259.5

Properties

Cool Dark Nearest: NCS S 3060-B Dark Blue

Color Harmonies

Complementary

#164185

#855A16

Analogous

#167885

#231685

#164185

Triadic

#164185

#851641

#418516

Split Complementary

#164185

#852316

#788516

Tetradic

#164185

#851678

#855A16

#168523

Color Blindness Simulation

Original

#164185

Protanopia

#292975

Deuteranopia

#262371

Tritanopia

#186865

Achromatopsia

#3D3D3D

CSS Usage

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

Tailwind Shades

50
#F3F6FC
100
#E2EBF8
200
#C2D6F5
300
#96B8EE
400
#5D91E4
500
#246BDB
600
#1D55AF
700
#17448C
800
#12356D
900
#112950
950
#0B1A32

Contrast Checker

Text on white

9.86:1

AA Pass AAA Pass

Text on black

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