#662AA2

#662AA2

Color Values

HEX

#662AA2

RGB

102, 42, 162

HSL

270.0, 58.8%, 40.0%

HSV

270.0, 74.1%, 63.5%

CMYK

37.0%, 74.1%, 0.0%, 36.5%

OKLCH

0.4361 0.1818 302.0

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#662AA2

#66A22A

Analogous

#2A2AA2

#A22AA2

#662AA2

Triadic

#662AA2

#A2662A

#2AA266

Split Complementary

#662AA2

#A2A22A

#2AA22A

Tetradic

#662AA2

#A22A2A

#66A22A

#2AA2A2

Color Blindness Simulation

Original

#662AA2

Protanopia

#4C4B85

Deuteranopia

#50547E

Tritanopia

#636E69

Achromatopsia

#3F3F3F

CSS Usage

background-color: #662AA2;
color: #662AA2;
border-color: #662AA2;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F7F4FB
100
#EDE4F6
200
#DBC6F0
300
#C29EE6
400
#A169D8
500
#8035CA
600
#662AA2
700
#522282
800
#401A65
900
#30174A
950
#1F0E2F

Contrast Checker

Text on white

8.69:1

AA Pass AAA Pass

Text on black

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