#165C9C

#165C9C

Color Values

HEX

#165C9C

RGB

22, 92, 156

HSL

208.7, 75.3%, 34.9%

HSV

208.7, 85.9%, 61.2%

CMYK

85.9%, 41.0%, 0.0%, 38.8%

OKLCH

0.4679 0.123 251.0

Properties

Cool Dark Nearest: dodgerblue 4

Color Harmonies

Complementary

#165C9C

#9C5616

Analogous

#169C99

#16199C

#165C9C

Triadic

#165C9C

#9C165C

#5C9C16

Split Complementary

#165C9C

#9C1619

#9C9916

Tetradic

#165C9C

#99169C

#9C5616

#199C16

Color Blindness Simulation

Original

#165C9C

Protanopia

#34358D

Deuteranopia

#302B89

Tritanopia

#1A807E

Achromatopsia

#525252

CSS Usage

background-color: #165C9C;
color: #165C9C;
border-color: #165C9C;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F2F8FC
100
#E2EEF9
200
#C0DCF6
300
#94C4F0
400
#5AA4E8
500
#1F84E0
600
#1969B3
700
#14548F
800
#104270
900
#103251
950
#0A1F33

Contrast Checker

Text on white

6.9:1

AA Pass AAA Fail

Text on black

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