#165BE9

#165BE9

Color Values

HEX

#165BE9

RGB

22, 91, 233

HSL

220.4, 82.7%, 50.0%

HSV

220.4, 90.6%, 91.4%

CMYK

90.6%, 60.9%, 0.0%, 8.6%

OKLCH

0.526 0.2245 262.4

Properties

Cool Dark Nearest: royalblue 1

Color Harmonies

Complementary

#165BE9

#E9A416

Analogous

#16C4E9

#3B16E9

#165BE9

Triadic

#165BE9

#E9165B

#5BE916

Split Complementary

#165BE9

#E93B16

#C4E916

Tetradic

#165BE9

#E916C4

#E9A416

#16E93B

Color Blindness Simulation

Original

#165BE9

Protanopia

#3434C7

Deuteranopia

#302BBE

Tritanopia

#19ABA6

Achromatopsia

#575757

CSS Usage

background-color: #165BE9;
color: #165BE9;
border-color: #165BE9;
Nearest Tailwind: Blue 600 #2563EB

Tailwind Shades

50
#F2F5FD
100
#E1E9FA
200
#BED1F9
300
#8FB0F4
400
#5386EF
500
#165BE9
600
#1249BA
700
#0E3A95
800
#0B2D74
900
#0C2455
950
#081735

Contrast Checker

Text on white

5.66:1

AA Pass AAA Fail

Text on black

3.71:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026