#161682

#161682

Color Values

HEX

#161682

RGB

22, 22, 130

HSL

240.0, 71.1%, 29.8%

HSV

240.0, 83.1%, 51.0%

CMYK

83.1%, 83.1%, 0.0%, 49.0%

OKLCH

0.3038 0.1703 270.2

Properties

Cool Dark Nearest: navy

Color Harmonies

Complementary

#161682

#828216

Analogous

#164C82

#4C1682

#161682

Triadic

#161682

#821616

#168216

Split Complementary

#161682

#824C16

#4C8216

Tetradic

#161682

#82164C

#828216

#16824C

Color Blindness Simulation

Original

#161682

Protanopia

#161668

Deuteranopia

#161662

Tritanopia

#16534F

Achromatopsia

#1E1E1E

CSS Usage

background-color: #161682;
color: #161682;
border-color: #161682;
Nearest Tailwind: Indigo 800 #3730A3

Tailwind Shades

50
#F3F3FC
100
#E2E2F8
200
#C2C2F5
300
#9696ED
400
#5E5EE4
500
#2525DA
600
#1D1DAF
700
#18188C
800
#12126D
900
#11114F
950
#0B0B32

Contrast Checker

Text on white

14.27:1

AA Pass AAA Pass

Text on black

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