#0401A2

#0401A2

Color Values

HEX

#0401A2

RGB

4, 1, 162

HSL

241.1, 98.8%, 32.0%

HSV

241.1, 99.4%, 63.5%

CMYK

97.5%, 99.4%, 0.0%, 36.5%

OKLCH

0.3237 0.2218 264.8

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#0401A2

#9FA201

Analogous

#014FA2

#5501A2

#0401A2

Triadic

#0401A2

#A20401

#01A204

Split Complementary

#0401A2

#A25501

#4FA201

Tetradic

#0401A2

#A2014F

#9FA201

#01A255

Color Blindness Simulation

Original

#0401A2

Protanopia

#03037B

Deuteranopia

#030372

Tritanopia

#045C56

Achromatopsia

#0D0D0D

CSS Usage

background-color: #0401A2;
color: #0401A2;
border-color: #0401A2;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F1F1FE
100
#DFDEFC
200
#B9B8FF
300
#8885FE
400
#4743FE
500
#0602FD
600
#0501CB
700
#0401A2
800
#03017F
900
#07055C
950
#04033A

Contrast Checker

Text on white

13.71:1

AA Pass AAA Pass

Text on black

1.53:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026