#662AD5

#662AD5

Color Values

HEX

#662AD5

RGB

102, 42, 213

HSL

261.1, 67.1%, 50.0%

HSV

261.1, 80.3%, 83.5%

CMYK

52.1%, 80.3%, 0.0%, 16.5%

OKLCH

0.4814 0.2355 290.4

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#662AD5

#99D52A

Analogous

#2A43D5

#BC2AD5

#662AD5

Triadic

#662AD5

#D5662A

#2AD566

Split Complementary

#662AD5

#D5BC2A

#43D52A

Tetradic

#662AD5

#D52A43

#99D52A

#2AD5BC

Color Blindness Simulation

Original

#662AD5

Protanopia

#4C4BAC

Deuteranopia

#5054A2

Tritanopia

#638B84

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#F6F3FC
100
#EAE3F7
200
#D4C3F3
300
#B699EB
400
#8E61E0
500
#662AD5
600
#5222AA
700
#411B88
800
#33156B
900
#28134E
950
#190C31

Contrast Checker

Text on white

7.35:1

AA Pass AAA Pass

Text on black

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