#660934

#660934

Color Values

HEX

#660934

RGB

102, 9, 52

HSL

332.3, 83.8%, 21.8%

HSV

332.3, 91.2%, 40.0%

CMYK

0.0%, 91.2%, 49.0%, 60.0%

OKLCH

0.3365 0.1274 0.2

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#660934

#09663B

Analogous

#660963

#660D09

#660934

Triadic

#660934

#346609

#093466

Split Complementary

#660934

#09660D

#096366

Tetradic

#660934

#636609

#09663B

#0D0966

Color Blindness Simulation

Original

#660934

Protanopia

#3E3D2A

Deuteranopia

#434A27

Tritanopia

#612120

Achromatopsia

#202020

CSS Usage

background-color: #660934;
color: #660934;
border-color: #660934;
Nearest Tailwind: Pink 950 #500724

Tailwind Shades

50
#FDF2F7
100
#FAE0EC
200
#F9BDD9
300
#F58FBE
400
#F0529B
500
#EA1577
600
#BB115F
700
#960D4C
800
#750A3C
900
#550C2E
950
#36081D

Contrast Checker

Text on white

12.7:1

AA Pass AAA Pass

Text on black

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