#165EB6

#165EB6

Color Values

HEX

#165EB6

RGB

22, 94, 182

HSL

213.0, 78.4%, 40.0%

HSV

213.0, 87.9%, 71.4%

CMYK

87.9%, 48.4%, 0.0%, 28.6%

OKLCH

0.4907 0.1552 256.5

Properties

Cool Dark Nearest: Denim

Color Harmonies

Complementary

#165EB6

#B66E16

Analogous

#16AEB6

#1E16B6

#165EB6

Triadic

#165EB6

#B6165E

#5EB616

Split Complementary

#165EB6

#B61E16

#AEB616

Tetradic

#165EB6

#B616AE

#B66E16

#16B61E

Color Blindness Simulation

Original

#165EB6

Protanopia

#3536A1

Deuteranopia

#312C9C

Tritanopia

#1A908C

Achromatopsia

#555555

CSS Usage

background-color: #165EB6;
color: #165EB6;
border-color: #165EB6;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F2F7FC
100
#E1ECF9
200
#BFD9F7
300
#92BDF2
400
#5799EB
500
#1C76E3
600
#165EB6
700
#124B92
800
#0E3B72
900
#0E2D53
950
#091C34

Contrast Checker

Text on white

6.34:1

AA Pass AAA Fail

Text on black

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