#163EE9

#163EE9

Color Values

HEX

#163EE9

RGB

22, 62, 233

HSL

228.6, 82.7%, 50.0%

HSV

228.6, 90.6%, 91.4%

CMYK

90.6%, 73.4%, 0.0%, 8.6%

OKLCH

0.4775 0.2554 265.3

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#163EE9

#E9C116

Analogous

#16A8E9

#5716E9

#163EE9

Triadic

#163EE9

#E9163E

#3EE916

Split Complementary

#163EE9

#E95716

#A8E916

Tetradic

#163EE9

#E916A8

#E9C116

#16E957

Color Blindness Simulation

Original

#163EE9

Protanopia

#2728C0

Deuteranopia

#2522B6

Tritanopia

#189F98

Achromatopsia

#424242

CSS Usage

background-color: #163EE9;
color: #163EE9;
border-color: #163EE9;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F2F4FD
100
#E1E5FA
200
#BEC9F9
300
#8FA2F4
400
#5370EF
500
#163EE9
600
#1232BA
700
#0E2895
800
#0B1F74
900
#0C1A55
950
#081035

Contrast Checker

Text on white

7.24:1

AA Pass AAA Pass

Text on black

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