#161C6F

#161C6F

Color Values

HEX

#161C6F

RGB

22, 28, 111

HSL

236.0, 66.9%, 26.1%

HSV

236.0, 80.2%, 43.5%

CMYK

80.2%, 74.8%, 0.0%, 56.5%

OKLCH

0.2901 0.1398 270.8

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#161C6F

#6F6916

Analogous

#16486F

#3D166F

#161C6F

Triadic

#161C6F

#6F161C

#1C6F16

Split Complementary

#161C6F

#6F3D16

#486F16

Tetradic

#161C6F

#6F1648

#6F6916

#166F3D

Color Blindness Simulation

Original

#161C6F

Protanopia

#19195B

Deuteranopia

#181856

Tritanopia

#164B48

Achromatopsia

#212121

CSS Usage

background-color: #161C6F;
color: #161C6F;
border-color: #161C6F;
Nearest Tailwind: Violet 950 #2E1065

Tailwind Shades

50
#F3F4FC
100
#E3E4F7
200
#C3C7F3
300
#999EEB
400
#626AE0
500
#2A36D5
600
#222BAA
700
#1B2288
800
#151B6A
900
#13174E
950
#0C0F31

Contrast Checker

Text on white

14.69:1

AA Pass AAA Pass

Text on black

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