#164C88

#164C88

Color Values

HEX

#164C88

RGB

22, 76, 136

HSL

211.6, 72.2%, 31.0%

HSV

211.6, 83.8%, 53.3%

CMYK

83.8%, 44.1%, 0.0%, 46.7%

OKLCH

0.4157 0.1143 254.2

Properties

Cool Dark Nearest: dodgerblue 4

Color Harmonies

Complementary

#164C88

#885216

Analogous

#168588

#191688

#164C88

Triadic

#164C88

#88164C

#4C8816

Split Complementary

#164C88

#881916

#858816

Tetradic

#164C88

#881685

#885216

#168819

Color Blindness Simulation

Original

#164C88

Protanopia

#2D2E79

Deuteranopia

#2A2676

Tritanopia

#196E6C

Achromatopsia

#454545

CSS Usage

background-color: #164C88;
color: #164C88;
border-color: #164C88;
Nearest Tailwind: Sky 800 #075985

Tailwind Shades

50
#F3F7FC
100
#E2EDF8
200
#C2DAF5
300
#96BFEE
400
#5D9DE5
500
#237BDC
600
#1C62B0
700
#174E8D
800
#123D6E
900
#112F50
950
#0B1E32

Contrast Checker

Text on white

8.67:1

AA Pass AAA Pass

Text on black

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