#165DB6

#165DB6

Color Values

HEX

#165DB6

RGB

22, 93, 182

HSL

213.4, 78.4%, 40.0%

HSV

213.4, 87.9%, 71.4%

CMYK

87.9%, 48.9%, 0.0%, 28.6%

OKLCH

0.4885 0.1564 256.9

Properties

Cool Dark Nearest: Denim

Color Harmonies

Complementary

#165DB6

#B66F16

Analogous

#16ADB6

#1F16B6

#165DB6

Triadic

#165DB6

#B6165D

#5DB616

Split Complementary

#165DB6

#B61F16

#ADB616

Tetradic

#165DB6

#B616AD

#B66F16

#16B61F

Color Blindness Simulation

Original

#165DB6

Protanopia

#3535A0

Deuteranopia

#312B9B

Tritanopia

#1A8F8C

Achromatopsia

#545454

CSS Usage

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

Tailwind Shades

50
#F2F7FC
100
#E1ECF9
200
#BFD8F7
300
#92BCF2
400
#5798EB
500
#1C74E3
600
#165DB6
700
#124A92
800
#0E3A72
900
#0E2D53
950
#091C34

Contrast Checker

Text on white

6.41:1

AA Pass AAA Fail

Text on black

3.28:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026