#642AD5

#642AD5

Color Values

HEX

#642AD5

RGB

100, 42, 213

HSL

260.4, 67.1%, 50.0%

HSV

260.4, 80.3%, 83.5%

CMYK

53.1%, 80.3%, 0.0%, 16.5%

OKLCH

0.4794 0.2356 289.6

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#642AD5

#9BD52A

Analogous

#2A45D5

#BA2AD5

#642AD5

Triadic

#642AD5

#D5642A

#2AD564

Split Complementary

#642AD5

#D5BA2A

#45D52A

Tetradic

#642AD5

#D52A45

#9BD52A

#2AD5BA

Color Blindness Simulation

Original

#642AD5

Protanopia

#4B4AAC

Deuteranopia

#4E53A2

Tritanopia

#618B84

Achromatopsia

#434343

CSS Usage

background-color: #642AD5;
color: #642AD5;
border-color: #642AD5;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F6F3FC
100
#EAE3F7
200
#D4C3F3
300
#B599EB
400
#8C61E0
500
#642AD5
600
#5022AA
700
#401B88
800
#32156B
900
#27134E
950
#190C31

Contrast Checker

Text on white

7.41:1

AA Pass AAA Pass

Text on black

2.83:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026