#161489

#161489

Color Values

HEX

#161489

RGB

22, 20, 137

HSL

241.0, 74.5%, 30.8%

HSV

241.0, 85.4%, 53.7%

CMYK

83.9%, 85.4%, 0.0%, 46.3%

OKLCH

0.3102 0.1803 269.8

Properties

Cool Dark Nearest: navy

Color Harmonies

Complementary

#161489

#878914

Analogous

#144D89

#501489

#161489

Triadic

#161489

#891614

#148916

Split Complementary

#161489

#895014

#4D8914

Tetradic

#161489

#89144D

#878914

#148950

Color Blindness Simulation

Original

#161489

Protanopia

#15156D

Deuteranopia

#151566

Tritanopia

#165651

Achromatopsia

#1D1D1D

CSS Usage

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

Tailwind Shades

50
#F3F3FC
100
#E2E2F8
200
#C2C1F6
300
#9694EF
400
#5D5AE7
500
#2421DE
600
#1D1AB2
700
#17158E
800
#12106F
900
#111051
950
#0B0A33

Contrast Checker

Text on white

14.04:1

AA Pass AAA Pass

Text on black

1.5:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026