#3A3ADA

#3A3ADA

Color Values

HEX

#3A3ADA

RGB

58, 58, 218

HSL

240.0, 68.4%, 54.1%

HSV

240.0, 73.4%, 85.5%

CMYK

73.4%, 73.4%, 0.0%, 14.5%

OKLCH

0.4698 0.2338 272.8

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#3A3ADA

#DADA3A

Analogous

#3A8ADA

#8A3ADA

#3A3ADA

Triadic

#3A3ADA

#DA3A3A

#3ADA3A

Split Complementary

#3A3ADA

#DA8A3A

#8ADA3A

Tetradic

#3A3ADA

#DA3A8A

#DADA3A

#3ADA8A

Color Blindness Simulation

Original

#3A3ADA

Protanopia

#3A3AB3

Deuteranopia

#3A3AAA

Tritanopia

#3A958E

Achromatopsia

#464646

CSS Usage

background-color: #3A3ADA;
color: #3A3ADA;
border-color: #3A3ADA;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F3F3FC
100
#E3E3F8
200
#C3C3F4
300
#9898EC
400
#6060E1
500
#2828D7
600
#2020AC
700
#1A1A89
800
#14146B
900
#13134E
950
#0C0C31

Contrast Checker

Text on white

7.51:1

AA Pass AAA Pass

Text on black

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