#165286

#165286

Color Values

HEX

#165286

RGB

22, 82, 134

HSL

207.9, 71.8%, 30.6%

HSV

207.9, 83.6%, 52.5%

CMYK

83.6%, 38.8%, 0.0%, 47.5%

OKLCH

0.4291 0.1048 249.4

Properties

Cool Dark Nearest: RAL 5019 Capri Blue

Color Harmonies

Complementary

#165286

#864A16

Analogous

#168682

#161A86

#165286

Triadic

#165286

#861652

#528616

Split Complementary

#165286

#86161A

#868216

Tetradic

#165286

#821686

#864A16

#1A8616

Color Blindness Simulation

Original

#165286

Protanopia

#303179

Deuteranopia

#2C2876

Tritanopia

#196F6D

Achromatopsia

#494949

CSS Usage

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

Tailwind Shades

50
#F3F8FC
100
#E2EEF8
200
#C2DDF5
300
#96C5EE
400
#5DA5E4
500
#2486DB
600
#1D6BAF
700
#17568C
800
#12436E
900
#113350
950
#0B2032

Contrast Checker

Text on white

8.12:1

AA Pass AAA Pass

Text on black

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