#165EB0

#165EB0

Color Values

HEX

#165EB0

RGB

22, 94, 176

HSL

211,9, 77,8%, 38,8%

HSV

211,9, 87,5%, 69,0%

CMYK

87,5%, 46,6%, 0,0%, 31,0%

OKLCH

0,4863 0,1473 255,4

Properties

Cool Dark Nearest: NCS S 2065-B Pure Blue

Color Harmonies

Complementary

#165EB0

#B06816

Analogous

#16ABB0

#1B16B0

#165EB0

Triadic

#165EB0

#B0165E

#5EB016

Split Complementary

#165EB0

#B01B16

#ABB016

Tetradic

#165EB0

#B016AB

#B06816

#16B01B

Color Blindness Simulation

Original

#165EB0

Protanopia

#35369C

Deuteranopia

#312C97

Tritanopia

#1A8C89

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#F2F7FC
100
#E1ECF9
200
#C0DAF7
300
#92BFF1
400
#579CEA
500
#1C79E3
600
#1761B5
700
#124E91
800
#0E3D71
900
#0F2E52
950
#091D34

Contrast Checker

Text on white

6,44:1

AA Pass AAA Fail

Text on black

3,26: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