#161F63

#161F63

Color Values

HEX

#161F63

RGB

22, 31, 99

HSL

233.0, 63.6%, 23.7%

HSV

233.0, 77.8%, 38.8%

CMYK

77.8%, 68.7%, 0.0%, 61.2%

OKLCH

0.2827 0.1192 270.7

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#161F63

#635A16

Analogous

#164563

#331663

#161F63

Triadic

#161F63

#63161F

#1F6316

Split Complementary

#161F63

#633316

#456316

Tetradic

#161F63

#631645

#635A16

#166333

Color Blindness Simulation

Original

#161F63

Protanopia

#1A1A53

Deuteranopia

#19194F

Tritanopia

#164643

Achromatopsia

#222222

CSS Usage

background-color: #161F63;
color: #161F63;
border-color: #161F63;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F3F4FB
100
#E4E6F7
200
#C5CAF2
300
#9BA4E9
400
#6573DD
500
#2E41D1
600
#2534A7
700
#1E2A85
800
#172168
900
#151B4C
950
#0D1130

Contrast Checker

Text on white

14.89:1

AA Pass AAA Pass

Text on black

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