#660337

#660337

Color Values

HEX

#660337

RGB

102, 3, 55

HSL

328.5, 94.3%, 20.6%

HSV

328.5, 97.1%, 40.0%

CMYK

0.0%, 97.1%, 46.1%, 60.0%

OKLCH

0.334 0.1332 357.2

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#660337

#036632

Analogous

#640366

#660305

#660337

Triadic

#660337

#376603

#033766

Split Complementary

#660337

#056603

#036664

Tetradic

#660337

#666403

#036632

#030566

Color Blindness Simulation

Original

#660337

Protanopia

#3B3A2A

Deuteranopia

#414827

Tritanopia

#61201E

Achromatopsia

#1C1C1C

CSS Usage

background-color: #660337;
color: #660337;
border-color: #660337;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#FDF1F8
100
#FBDFEE
200
#FDBADD
300
#FC88C5
400
#FA48A5
500
#F80786
600
#C6066B
700
#9F0555
800
#7C0443
900
#5A0733
950
#390520

Contrast Checker

Text on white

12.86:1

AA Pass AAA Pass

Text on black

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