#660174

#660174

Color Values

HEX

#660174

RGB

102, 1, 116

HSL

292.7, 98.3%, 22.9%

HSV

292.7, 99.1%, 45.5%

CMYK

12.1%, 99.1%, 0.0%, 54.5%

OKLCH

0.3688 0.1744 321.8

Properties

Cool Dark Nearest: purple

Color Harmonies

Complementary

#660174

#0F7401

Analogous

#2C0174

#740148

#660174

Triadic

#660174

#746601

#017466

Split Complementary

#660174

#487401

#01742C

Tetradic

#660174

#742C01

#0F7401

#014874

Color Blindness Simulation

Original

#660174

Protanopia

#3A3958

Deuteranopia

#404851

Tritanopia

#61423D

Achromatopsia

#1F1F1F

CSS Usage

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

Tailwind Shades

50
#FCF1FE
100
#F8DEFC
200
#F6B8FE
300
#EF86FE
400
#E744FD
500
#DE02FD
600
#B202CA
700
#8E01A2
800
#6F017E
900
#51065B
950
#33043A

Contrast Checker

Text on white

11.53:1

AA Pass AAA Pass

Text on black

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