#1218BA

#1218BA

Color Values

HEX

#1218BA

RGB

18, 24, 186

HSL

237.9, 82.4%, 40.0%

HSV

237.9, 90.3%, 72.9%

CMYK

90.3%, 87.1%, 0.0%, 27.1%

OKLCH

0.3756 0.234 266.6

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#1218BA

#BAB412

Analogous

#126CBA

#6012BA

#1218BA

Triadic

#1218BA

#BA1218

#18BA12

Split Complementary

#1218BA

#BA6012

#6CBA12

Tetradic

#1218BA

#BA126C

#BAB412

#12BA60

Color Blindness Simulation

Original

#1218BA

Protanopia

#151593

Deuteranopia

#141489

Tritanopia

#12746D

Achromatopsia

#222222

CSS Usage

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

Tailwind Shades

50
#F2F2FD
100
#E1E2FA
200
#BEC0F9
300
#8F93F4
400
#5358EE
500
#161EE9
600
#1218BA
700
#0E1395
800
#0B0F74
900
#0D0F54
950
#080935

Contrast Checker

Text on white

11.26:1

AA Pass AAA Pass

Text on black

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