#165587

#165587

Color Values

HEX

#165587

RGB

22, 85, 135

HSL

206.5, 72.0%, 30.8%

HSV

206.5, 83.7%, 52.9%

CMYK

83.7%, 37.0%, 0.0%, 47.1%

OKLCH

0.4372 0.1029 247.5

Properties

Cool Dark Nearest: RAL 5019 Capri Blue

Color Harmonies

Complementary

#165587

#874816

Analogous

#168780

#161D87

#165587

Triadic

#165587

#871655

#558716

Split Complementary

#165587

#87161D

#878016

Tetradic

#165587

#801687

#874816

#1D8716

Color Blindness Simulation

Original

#165587

Protanopia

#31327B

Deuteranopia

#2E2978

Tritanopia

#19716F

Achromatopsia

#4B4B4B

CSS Usage

background-color: #165587;
color: #165587;
border-color: #165587;
Nearest Tailwind: Sky 800 #075985

Tailwind Shades

50
#F3F8FC
100
#E2EEF8
200
#C2DEF5
300
#96C7EE
400
#5DA9E5
500
#248ADB
600
#1D6FAF
700
#17588C
800
#12456E
900
#113450
950
#0B2132

Contrast Checker

Text on white

7.83:1

AA Pass AAA Pass

Text on black

2.68:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026