#660B30

#660B30

Color Values

HEX

#660B30

RGB

102, 11, 48

HSL

335.6, 80.5%, 22.2%

HSV

335.6, 89.2%, 40.0%

CMYK

0.0%, 89.2%, 52.9%, 60.0%

OKLCH

0.3363 0.1246 3.6

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#660B30

#0B6641

Analogous

#660B5E

#66140B

#660B30

Triadic

#660B30

#30660B

#0B3066

Split Complementary

#660B30

#0B6614

#0B5E66

Tetradic

#660B30

#5E660B

#0B6641

#140B66

Color Blindness Simulation

Original

#660B30

Protanopia

#3F3E27

Deuteranopia

#444B25

Tritanopia

#61201E

Achromatopsia

#212121

CSS Usage

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

Tailwind Shades

50
#FDF2F6
100
#F9E1EB
200
#F8BFD6
300
#F391B9
400
#ED5592
500
#E6196C
600
#B81457
700
#931045
800
#730C36
900
#540D2A
950
#35081A

Contrast Checker

Text on white

12.68:1

AA Pass AAA Pass

Text on black

1.66:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026