#66006F

#66006F

Color Values

HEX

#66006F

RGB

102, 0, 111

HSL

295.1, 100.0%, 21.8%

HSV

295.1, 100.0%, 43.5%

CMYK

8.1%, 100.0%, 0.0%, 56.5%

OKLCH

0.3645 0.1713 324.1

Properties

Cool Dark Nearest: purple

Color Harmonies

Complementary

#66006F

#096F00

Analogous

#2F006F

#6F0041

#66006F

Triadic

#66006F

#6F6600

#006F66

Split Complementary

#66006F

#416F00

#006F2F

Tetradic

#66006F

#6F2F00

#096F00

#00416F

Color Blindness Simulation

Original

#66006F

Protanopia

#3A3954

Deuteranopia

#40474E

Tritanopia

#613F3A

Achromatopsia

#1E1E1E

CSS Usage

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

Tailwind Shades

50
#FDF1FE
100
#FADEFC
200
#F9B8FF
300
#F585FF
400
#F042FF
500
#EA00FF
600
#BB00CC
700
#9600A3
800
#750080
900
#55055C
950
#36033A

Contrast Checker

Text on white

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