#3612BA

#3612BA

Color Values

HEX

#3612BA

RGB

54, 18, 186

HSL

252.9, 82.4%, 40.0%

HSV

252.9, 90.3%, 72.9%

CMYK

71.0%, 90.3%, 0.0%, 27.1%

OKLCH

0.3899 0.2283 277.1

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#3612BA

#96BA12

Analogous

#1242BA

#8A12BA

#3612BA

Triadic

#3612BA

#BA3612

#12BA36

Split Complementary

#3612BA

#BA8A12

#42BA12

Tetradic

#3612BA

#BA1242

#96BA12

#12BA8A

Color Blindness Simulation

Original

#3612BA

Protanopia

#262691

Deuteranopia

#282B88

Tritanopia

#34716A

Achromatopsia

#262626

CSS Usage

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

Tailwind Shades

50
#F4F2FD
100
#E6E1FA
200
#CBBEF9
300
#A58FF4
400
#7453EE
500
#4416E9
600
#3612BA
700
#2B0E95
800
#220B74
900
#1C0D54
950
#120835

Contrast Checker

Text on white

10.76:1

AA Pass AAA Pass

Text on black

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