#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

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026