#16355F

#16355F

Color Values

HEX

#16355F

RGB

22, 53, 95

HSL

214.5, 62.4%, 22.9%

HSV

214.5, 76.8%, 37.3%

CMYK

76.8%, 44.2%, 0.0%, 62.7%

OKLCH

0.3297 0.0831 256.8

Properties

Cool Dark Nearest: RAL 5026 Pearl Night Blue

Color Harmonies

Complementary

#16355F

#5F4016

Analogous

#16595F

#1B165F

#16355F

Triadic

#16355F

#5F1635

#355F16

Split Complementary

#16355F

#5F1B16

#595F16

Tetradic

#16355F

#5F1659

#5F4016

#165F1B

Color Blindness Simulation

Original

#16355F

Protanopia

#232455

Deuteranopia

#221F52

Tritanopia

#184D4B

Achromatopsia

#313131

CSS Usage

background-color: #16355F;
color: #16355F;
border-color: #16355F;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F3F7FB
100
#E4ECF7
200
#C5D8F2
300
#9CBCE8
400
#6698DC
500
#3074CF
600
#265CA6
700
#1F4A85
800
#183A68
900
#152C4C
950
#0D1C30

Contrast Checker

Text on white

12.29:1

AA Pass AAA Pass

Text on black

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