#660439

#660439

Color Values

HEX

#660439

RGB

102, 4, 57

HSL

327.6, 92.5%, 20.8%

HSV

327.6, 96.1%, 40.0%

CMYK

0.0%, 96.1%, 44.1%, 60.0%

OKLCH

0.3354 0.1333 355.9

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#660439

#046631

Analogous

#620466

#660408

#660439

Triadic

#660439

#396604

#043966

Split Complementary

#660439

#086604

#046662

Tetradic

#660439

#666204

#046631

#040866

Color Blindness Simulation

Original

#660439

Protanopia

#3C3B2C

Deuteranopia

#414929

Tritanopia

#612220

Achromatopsia

#1D1D1D

CSS Usage

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

Tailwind Shades

50
#FDF1F8
100
#FBDFEE
200
#FCBADE
300
#FA89C6
400
#F849A8
500
#F50A89
600
#C4086E
700
#9D0658
800
#7B0544
900
#590834
950
#380521

Contrast Checker

Text on white

12.79:1

AA Pass AAA Pass

Text on black

1.64:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026