#3532E1

#3532E1

Color Values

HEX

#3532E1

RGB

53, 50, 225

HSL

241.0, 74.5%, 53.9%

HSV

241.0, 77.8%, 88.2%

CMYK

76.4%, 77.8%, 0.0%, 11.8%

OKLCH

0.4641 0.2502 271.7

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#3532E1

#DEE132

Analogous

#3287E1

#8C32E1

#3532E1

Triadic

#3532E1

#E13532

#32E135

Split Complementary

#3532E1

#E18C32

#87E132

Tetradic

#3532E1

#E13287

#DEE132

#32E18C

Color Blindness Simulation

Original

#3532E1

Protanopia

#3434B7

Deuteranopia

#3434AC

Tritanopia

#35958E

Achromatopsia

#3F3F3F

CSS Usage

background-color: #3532E1;
color: #3532E1;
border-color: #3532E1;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F3F3FC
100
#E2E2F8
200
#C2C1F6
300
#9694EF
400
#5D5AE7
500
#2421DE
600
#1D1AB2
700
#17158E
800
#12106F
900
#111051
950
#0B0A33

Contrast Checker

Text on white

7.79:1

AA Pass AAA Pass

Text on black

2.69:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026