#664483

#664483

Color Values

HEX

#664483

RGB

102, 68, 131

HSL

272,4, 31,7%, 39,0%

HSV

272,4, 48,1%, 51,4%

CMYK

22,1%, 48,1%, 0,0%, 48,6%

OKLCH

0,4527 0,1057 307,6

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#664483

#618344

Analogous

#464483

#834480

#664483

Triadic

#664483

#836644

#448366

Split Complementary

#664483

#808344

#448346

Tetradic

#664483

#834644

#618344

#448083

Color Blindness Simulation

Original

#664483

Protanopia

#575774

Deuteranopia

#595C70

Tritanopia

#646865

Achromatopsia

#505050

CSS Usage

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

Tailwind Shades

50
#F8F5F9
100
#EEE8F2
200
#DCD0E7
300
#C3AED5
400
#A383BF
500
#8357A8
600
#694686
700
#54386B
800
#412C54
900
#32233E
950
#1F1627

Contrast Checker

Text on white

7,72:1

AA Pass AAA Pass

Text on black

2,72:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026