#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

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026