#660335

#660335

Color Values

HEX

#660335

RGB

102, 3, 53

HSL

329.7, 94.3%, 20.6%

HSV

329.7, 97.1%, 40.0%

CMYK

0.0%, 97.1%, 48.0%, 60.0%

OKLCH

0.3332 0.1324 358.7

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#660335

#036634

Analogous

#660366

#660303

#660335

Triadic

#660335

#356603

#033566

Split Complementary

#660335

#036603

#036666

Tetradic

#660335

#666603

#036634

#030366

Color Blindness Simulation

Original

#660335

Protanopia

#3B3A29

Deuteranopia

#414826

Tritanopia

#611F1D

Achromatopsia

#1C1C1C

CSS Usage

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

Tailwind Shades

50
#FDF1F7
100
#FBDFED
200
#FDBADC
300
#FC88C2
400
#FA48A2
500
#F80781
600
#C60667
700
#9F0552
800
#7C0440
900
#5A0731
950
#39051F

Contrast Checker

Text on white

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