#660F5D

#660F5D

Color Values

HEX

#660F5D

RGB

102, 15, 93

HSL

306.2, 74.4%, 22.9%

HSV

306.2, 85.3%, 40.0%

CMYK

0.0%, 85.3%, 8.8%, 60.0%

OKLCH

0.3603 0.1467 333.1

Properties

Warm Dark Nearest: maroon 4

Color Harmonies

Complementary

#660F5D

#0F6618

Analogous

#430F66

#660F31

#660F5D

Triadic

#660F5D

#5D660F

#0F5D66

Split Complementary

#660F5D

#31660F

#0F6643

Tetradic

#660F5D

#66430F

#0F6618

#0F3166

Color Blindness Simulation

Original

#660F5D

Protanopia

#40404A

Deuteranopia

#454C46

Tritanopia

#623B38

Achromatopsia

#272727

CSS Usage

background-color: #660F5D;
color: #660F5D;
border-color: #660F5D;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#FCF3FB
100
#F8E2F6
200
#F6C1F0
300
#EF94E6
400
#E75AD8
500
#DE21CB
600
#B21AA2
700
#8E1582
800
#6F1065
900
#51104A
950
#330A2F

Contrast Checker

Text on white

11.72:1

AA Pass AAA Pass

Text on black

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