#164161

#164161

Color Values

HEX

#164161

RGB

22, 65, 97

HSL

205.6, 63.0%, 23.3%

HSV

205.6, 77.3%, 38.0%

CMYK

77.3%, 33.0%, 0.0%, 62.0%

OKLCH

0.3622 0.0726 244.5

Properties

Cool Dark Nearest: RAL 5000 Violet Blue

Color Harmonies

Complementary

#164161

#613616

Analogous

#16615B

#161B61

#164161

Triadic

#164161

#611641

#416116

Split Complementary

#164161

#61161B

#615B16

Tetradic

#164161

#5B1661

#613616

#1B6116

Color Blindness Simulation

Original

#164161

Protanopia

#292959

Deuteranopia

#262357

Tritanopia

#185352

Achromatopsia

#3A3A3A

CSS Usage

background-color: #164161;
color: #164161;
border-color: #164161;
Nearest Tailwind: Sky 900 #0C4A6E

Tailwind Shades

50
#F3F8FB
100
#E4EFF7
200
#C5DFF2
300
#9BC7E8
400
#65A9DC
500
#2F8BD0
600
#266FA6
700
#1E5985
800
#184668
900
#15344C
950
#0D2130

Contrast Checker

Text on white

10.7:1

AA Pass AAA Pass

Text on black

1.96:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026