#660333

#660333

Color Values

HEX

#660333

RGB

102, 3, 51

HSL

330.9, 94.3%, 20.6%

HSV

330.9, 97.1%, 40.0%

CMYK

0.0%, 97.1%, 50.0%, 60.0%

OKLCH

0.3325 0.1317 0.2

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#660333

#036636

Analogous

#660365

#660403

#660333

Triadic

#660333

#336603

#033366

Split Complementary

#660333

#036604

#036566

Tetradic

#660333

#656603

#036636

#040366

Color Blindness Simulation

Original

#660333

Protanopia

#3B3A27

Deuteranopia

#414825

Tritanopia

#611E1C

Achromatopsia

#1C1C1C

CSS Usage

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

Tailwind Shades

50
#FDF1F7
100
#FBDFED
200
#FDBADA
300
#FC88C0
400
#FA489E
500
#F8077C
600
#C60663
700
#9F054F
800
#7C043E
900
#5A072F
950
#39051E

Contrast Checker

Text on white

12.92:1

AA Pass AAA Pass

Text on black

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