#1022BC

#1022BC

Color Values

HEX

#1022BC

RGB

16, 34, 188

HSL

233.7, 84.3%, 40.0%

HSV

233.7, 91.5%, 73.7%

CMYK

91.5%, 81.9%, 0.0%, 26.3%

OKLCH

0.3878 0.2298 266.0

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#1022BC

#BCAA10

Analogous

#1078BC

#5410BC

#1022BC

Triadic

#1022BC

#BC1022

#22BC10

Split Complementary

#1022BC

#BC5410

#78BC10

Tetradic

#1022BC

#BC1078

#BCAA10

#10BC54

Color Blindness Simulation

Original

#1022BC

Protanopia

#181897

Deuteranopia

#17158E

Tritanopia

#117973

Achromatopsia

#292929

CSS Usage

background-color: #1022BC;
color: #1022BC;
border-color: #1022BC;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F2F3FD
100
#E0E3FA
200
#BDC4F9
300
#8E99F5
400
#5162F0
500
#142BEB
600
#1022BC
700
#0D1B96
800
#0A1575
900
#0C1355
950
#070C36

Contrast Checker

Text on white

10.62:1

AA Pass AAA Pass

Text on black

1.98:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026