#664682

#664682

Color Values

HEX

#664682

RGB

102, 70, 130

HSL

272.0, 30.0%, 39.2%

HSV

272.0, 46.2%, 51.0%

CMYK

21.5%, 46.2%, 0.0%, 49.0%

OKLCH

0.4558 0.1007 307.4

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#664682

#628246

Analogous

#484682

#824680

#664682

Triadic

#664682

#826646

#468266

Split Complementary

#664682

#808246

#468248

Tetradic

#664682

#824846

#628246

#468082

Color Blindness Simulation

Original

#664682

Protanopia

#585873

Deuteranopia

#5A5C70

Tritanopia

#646866

Achromatopsia

#515151

CSS Usage

background-color: #664682;
color: #664682;
border-color: #664682;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F7F5F9
100
#EDE9F2
200
#DCD1E6
300
#C3AFD4
400
#A384BD
500
#8259A6
600
#684785
700
#53396A
800
#412D53
900
#31233E
950
#1F1627

Contrast Checker

Text on white

7.6:1

AA Pass AAA Pass

Text on black

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