#1215BA

#1215BA

Color Values

HEX

#1215BA

RGB

18, 21, 186

HSL

238.9, 82.4%, 40.0%

HSV

238.9, 90.3%, 72.9%

CMYK

90.3%, 88.7%, 0.0%, 27.1%

OKLCH

0.3731 0.2357 266.6

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#1215BA

#BAB712

Analogous

#1269BA

#6312BA

#1215BA

Triadic

#1215BA

#BA1215

#15BA12

Split Complementary

#1215BA

#BA6312

#69BA12

Tetradic

#1215BA

#BA1269

#BAB712

#12BA63

Color Blindness Simulation

Original

#1215BA

Protanopia

#131392

Deuteranopia

#131388

Tritanopia

#12736C

Achromatopsia

#202020

CSS Usage

background-color: #1215BA;
color: #1215BA;
border-color: #1215BA;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F2F2FD
100
#E1E1FA
200
#BEBFF9
300
#8F91F4
400
#5356EE
500
#161AE9
600
#1215BA
700
#0E1195
800
#0B0D74
900
#0D0E54
950
#080935

Contrast Checker

Text on white

11.4:1

AA Pass AAA Pass

Text on black

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