#4012BA

#4012BA

Color Values

HEX

#4012BA

RGB

64, 18, 186

HSL

256.4, 82.4%, 40.0%

HSV

256.4, 90.3%, 72.9%

CMYK

65.6%, 90.3%, 0.0%, 27.1%

OKLCH

0.398 0.2263 281.2

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#4012BA

#8CBA12

Analogous

#1238BA

#9412BA

#4012BA

Triadic

#4012BA

#BA4012

#12BA40

Split Complementary

#4012BA

#BA9412

#38BA12

Tetradic

#4012BA

#BA1238

#8CBA12

#12BA94

Color Blindness Simulation

Original

#4012BA

Protanopia

#2C2C91

Deuteranopia

#2F3288

Tritanopia

#3E716A

Achromatopsia

#282828

CSS Usage

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

Tailwind Shades

50
#F5F2FD
100
#E7E1FA
200
#CEBEF9
300
#AB8FF4
400
#7D53EE
500
#5016E9
600
#4012BA
700
#330E95
800
#280B74
900
#200D54
950
#140835

Contrast Checker

Text on white

10.43:1

AA Pass AAA Pass

Text on black

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