#1216BA

#1216BA

Color Values

HEX

#1216BA

RGB

18, 22, 186

HSL

238.6, 82.4%, 40.0%

HSV

238.6, 90.3%, 72.9%

CMYK

90.3%, 88.2%, 0.0%, 27.1%

OKLCH

0.3739 0.2352 266.6

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#1216BA

#BAB612

Analogous

#126ABA

#6212BA

#1216BA

Triadic

#1216BA

#BA1216

#16BA12

Split Complementary

#1216BA

#BA6212

#6ABA12

Tetradic

#1216BA

#BA126A

#BAB612

#12BA62

Color Blindness Simulation

Original

#1216BA

Protanopia

#141492

Deuteranopia

#141389

Tritanopia

#12736C

Achromatopsia

#212121

CSS Usage

background-color: #1216BA;
color: #1216BA;
border-color: #1216BA;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F2F2FD
100
#E1E1FA
200
#BEBFF9
300
#8F92F4
400
#5357EE
500
#161BE9
600
#1216BA
700
#0E1195
800
#0B0E74
900
#0D0E54
950
#080935

Contrast Checker

Text on white

11.35:1

AA Pass AAA Pass

Text on black

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