#660960

#660960

Color Values

HEX

#660960

RGB

102, 9, 96

HSL

303.9, 83.8%, 21.8%

HSV

303.9, 91.2%, 40.0%

CMYK

0.0%, 91.2%, 5.9%, 60.0%

OKLCH

0.3587 0.1537 331.4

Properties

Warm Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#660960

#09660F

Analogous

#3E0966

#660932

#660960

Triadic

#660960

#606609

#096066

Split Complementary

#660960

#326609

#09663E

Tetradic

#660960

#663E09

#09660F

#093266

Color Blindness Simulation

Original

#660960

Protanopia

#3E3D4B

Deuteranopia

#434A46

Tritanopia

#613A37

Achromatopsia

#232323

CSS Usage

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

Tailwind Shades

50
#FDF2FC
100
#FAE0F8
200
#F9BDF5
300
#F58FEE
400
#F052E5
500
#EA15DC
600
#BB11B0
700
#960D8D
800
#750A6E
900
#550C50
950
#360833

Contrast Checker

Text on white

11.84:1

AA Pass AAA Pass

Text on black

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