#161591

#161591

Color Values

HEX

#161591

RGB

22, 21, 145

HSL

240.5, 74.7%, 32.5%

HSV

240.5, 85.5%, 56.9%

CMYK

84.8%, 85.5%, 0.0%, 43.1%

OKLCH

0.3215 0.189 269.3

Properties

Cool Dark Nearest: navy

Color Harmonies

Complementary

#161591

#909115

Analogous

#155291

#541591

#161591

Triadic

#161591

#911615

#159116

Split Complementary

#161591

#915415

#529115

Tetradic

#161591

#911552

#909115

#159154

Color Blindness Simulation

Original

#161591

Protanopia

#161673

Deuteranopia

#16166C

Tritanopia

#165B56

Achromatopsia

#1E1E1E

CSS Usage

background-color: #161591;
color: #161591;
border-color: #161591;
Nearest Tailwind: Violet 900 #4C1D95

Tailwind Shades

50
#F3F2FC
100
#E2E2F8
200
#C1C1F6
300
#9594F0
400
#5B5AE7
500
#2220DF
600
#1B1AB2
700
#16158F
800
#11106F
900
#101051
950
#0A0A33

Contrast Checker

Text on white

13.55:1

AA Pass AAA Pass

Text on black

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