#165BBD

#165BBD

Color Values

HEX

#165BBD

RGB

22, 91, 189

HSL

215.2, 79.1%, 41.4%

HSV

215.2, 88.4%, 74.1%

CMYK

88.4%, 51.9%, 0.0%, 25.9%

OKLCH

0.4894 0.1681 258.7

Properties

Cool Dark Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#165BBD

#BD7816

Analogous

#16AFBD

#2516BD

#165BBD

Triadic

#165BBD

#BD165B

#5BBD16

Split Complementary

#165BBD

#BD2516

#AFBD16

Tetradic

#165BBD

#BD16AF

#BD7816

#16BD25

Color Blindness Simulation

Original

#165BBD

Protanopia

#3434A5

Deuteranopia

#302BA0

Tritanopia

#19938E

Achromatopsia

#535353

CSS Usage

background-color: #165BBD;
color: #165BBD;
border-color: #165BBD;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F2F6FC
100
#E1EBF9
200
#BFD6F8
300
#91B9F2
400
#5694EB
500
#1B6EE4
600
#1558B7
700
#114692
800
#0D3772
900
#0E2A53
950
#091B34

Contrast Checker

Text on white

6.43:1

AA Pass AAA Fail

Text on black

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