#660764

#660764

Color Values

HEX

#660764

RGB

102, 7, 100

HSL

301.3, 87.2%, 21.4%

HSV

301.3, 93.1%, 40.0%

CMYK

0.0%, 93.1%, 2.0%, 60.0%

OKLCH

0.3603 0.1581 329.3

Properties

Warm Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#660764

#076609

Analogous

#390766

#660735

#660764

Triadic

#660764

#646607

#076466

Split Complementary

#660764

#356607

#076639

Tetradic

#660764

#663907

#076609

#073566

Color Blindness Simulation

Original

#660764

Protanopia

#3D3C4E

Deuteranopia

#424948

Tritanopia

#613C38

Achromatopsia

#222222

CSS Usage

background-color: #660764;
color: #660764;
border-color: #660764;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FDF2FD
100
#FAE0FA
200
#FABCF9
300
#F78CF5
400
#F34EEF
500
#EF10EA
600
#BF0DBB
700
#990A96
800
#770875
900
#560A55
950
#370736

Contrast Checker

Text on white

11.8:1

AA Pass AAA Pass

Text on black

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