#161BAF

#161BAF

Color Values

HEX

#161BAF

RGB

22, 27, 175

HSL

238.0, 77.7%, 38.6%

HSV

238.0, 87.4%, 68.6%

CMYK

87.4%, 84.6%, 0.0%, 31.4%

OKLCH

0.3658 0.2191 267.6

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#161BAF

#AFAA16

Analogous

#1668AF

#5D16AF

#161BAF

Triadic

#161BAF

#AF161B

#1BAF16

Split Complementary

#161BAF

#AF5D16

#68AF16

Tetradic

#161BAF

#AF1668

#AFAA16

#16AF5D

Color Blindness Simulation

Original

#161BAF

Protanopia

#18188B

Deuteranopia

#181883

Tritanopia

#166F69

Achromatopsia

#252525

CSS Usage

background-color: #161BAF;
color: #161BAF;
border-color: #161BAF;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F2F3FC
100
#E1E2F9
200
#C0C1F7
300
#9295F1
400
#575CEA
500
#1C23E3
600
#171CB5
700
#121691
800
#0E1271
900
#0F1152
950
#090B34

Contrast Checker

Text on white

11.6:1

AA Pass AAA Pass

Text on black

1.81:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026