#3A32BC

#3A32BC

Color Values

HEX

#3A32BC

RGB

58, 50, 188

HSL

243.5, 58.0%, 46.7%

HSV

243.5, 73.4%, 73.7%

CMYK

69.1%, 73.4%, 0.0%, 26.3%

OKLCH

0.4283 0.2057 275.8

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#3A32BC

#B4BC32

Analogous

#326FBC

#7F32BC

#3A32BC

Triadic

#3A32BC

#BC3A32

#32BC3A

Split Complementary

#3A32BC

#BC7F32

#6FBC32

Tetradic

#3A32BC

#BC326F

#B4BC32

#32BC7F

Color Blindness Simulation

Original

#3A32BC

Protanopia

#37369B

Deuteranopia

#373893

Tritanopia

#3A807A

Achromatopsia

#3E3E3E

CSS Usage

background-color: #3A32BC;
color: #3A32BC;
border-color: #3A32BC;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F4F4FB
100
#E5E4F6
200
#C9C7F0
300
#A29EE5
400
#706AD7
500
#3E36C9
600
#322BA1
700
#282281
800
#1F1B65
900
#1A174A
950
#100F2F

Contrast Checker

Text on white

8.89:1

AA Pass AAA Pass

Text on black

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