#164064

#164064

Color Values

HEX

#164064

RGB

22, 64, 100

HSL

207.7, 63.9%, 23.9%

HSV

207.7, 78.0%, 39.2%

CMYK

78.0%, 36.0%, 0.0%, 60.8%

OKLCH

0.3614 0.0777 247.9

Properties

Cool Dark Nearest: Midnight Blue

Color Harmonies

Complementary

#164064

#643A16

Analogous

#166461

#161964

#164064

Triadic

#164064

#641640

#406416

Split Complementary

#164064

#641619

#646116

Tetradic

#164064

#611664

#643A16

#196416

Color Blindness Simulation

Original

#164064

Protanopia

#28295B

Deuteranopia

#262359

Tritanopia

#185453

Achromatopsia

#3A3A3A

CSS Usage

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

Tailwind Shades

50
#F3F8FC
100
#E3EEF7
200
#C4DDF2
300
#9BC5E9
400
#64A5DD
500
#2E86D1
600
#256BA7
700
#1D5686
800
#174368
900
#15334C
950
#0D2030

Contrast Checker

Text on white

10.76:1

AA Pass AAA Pass

Text on black

1.95:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026