#660F71

#660F71

Color Values

HEX

#660F71

RGB

102, 15, 113

HSL

293.3, 76.6%, 25.1%

HSV

293.3, 86.7%, 44.3%

CMYK

9.7%, 86.7%, 0.0%, 55.7%

OKLCH

0.3737 0.1627 322.8

Properties

Cool Dark Nearest: darkorchid 4

Color Harmonies

Complementary

#660F71

#1A710F

Analogous

#350F71

#710F4B

#660F71

Triadic

#660F71

#71660F

#0F7166

Split Complementary

#660F71

#4B710F

#0F7135

Tetradic

#660F71

#71350F

#1A710F

#0F4B71

Color Blindness Simulation

Original

#660F71

Protanopia

#404059

Deuteranopia

#454C54

Tritanopia

#624742

Achromatopsia

#292929

CSS Usage

background-color: #660F71;
color: #660F71;
border-color: #660F71;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FBF2FC
100
#F6E2F9
200
#F1C0F7
300
#E693F1
400
#D958E9
500
#CB1EE1
600
#A318B4
700
#821390
800
#660F71
900
#4A0F52
950
#2F0A34

Contrast Checker

Text on white

11.22:1

AA Pass AAA Pass

Text on black

1.87:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026