#664181

#664181

Color Values

HEX

#664181

RGB

102, 65, 129

HSL

274.7, 33.0%, 38.0%

HSV

274.7, 49.6%, 50.6%

CMYK

20.9%, 49.6%, 0.0%, 49.4%

OKLCH

0.4462 0.1084 309.3

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#664181

#5C8141

Analogous

#464181

#81417C

#664181

Triadic

#664181

#816641

#418166

Split Complementary

#664181

#7C8141

#418146

Tetradic

#664181

#814641

#5C8141

#417C81

Color Blindness Simulation

Original

#664181

Protanopia

#565672

Deuteranopia

#585B6E

Tritanopia

#646563

Achromatopsia

#4D4D4D

CSS Usage

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

Tailwind Shades

50
#F8F5F9
100
#EEE8F2
200
#DDD0E7
300
#C5AED6
400
#A682C0
500
#8655AA
600
#6B4488
700
#56376D
800
#432B55
900
#33223F
950
#201628

Contrast Checker

Text on white

7.96:1

AA Pass AAA Pass

Text on black

2.64:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026