#664281

#664281

Color Values

HEX

#664281

RGB

102, 66, 129

HSL

274.3, 32.3%, 38.2%

HSV

274.3, 48.8%, 50.6%

CMYK

20.9%, 48.8%, 0.0%, 49.4%

OKLCH

0.448 0.1066 309.1

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#664281

#5D8142

Analogous

#464281

#81427C

#664281

Triadic

#664281

#816642

#428166

Split Complementary

#664281

#7C8142

#428146

Tetradic

#664281

#814642

#5D8142

#427C81

Color Blindness Simulation

Original

#664281

Protanopia

#565672

Deuteranopia

#585B6E

Tritanopia

#646663

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#F8F5F9
100
#EEE8F2
200
#DDD0E7
300
#C5AED6
400
#A582BF
500
#8556A9
600
#6B4587
700
#55376C
800
#432B54
900
#32223F
950
#201627

Contrast Checker

Text on white

7.89:1

AA Pass AAA Pass

Text on black

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