#66356F

#66356F

Color Values

HEX

#66356F

RGB

102, 53, 111

HSL

290.7, 35.4%, 32.2%

HSV

290.7, 52.3%, 43.5%

CMYK

8.1%, 52.3%, 0.0%, 56.5%

OKLCH

0.4157 0.1085 321.2

Properties

Cool Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#66356F

#3E6F35

Analogous

#49356F

#6F355B

#66356F

Triadic

#66356F

#6F6635

#356F66

Split Complementary

#66356F

#5B6F35

#356F49

Tetradic

#66356F

#6F4935

#3E6F35

#355B6F

Color Blindness Simulation

Original

#66356F

Protanopia

#515061

Deuteranopia

#54575E

Tritanopia

#645653

Achromatopsia

#444444

CSS Usage

background-color: #66356F;
color: #66356F;
border-color: #66356F;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#F9F5FA
100
#F1E8F3
200
#E4CFE8
300
#D1ACD7
400
#B87FC2
500
#9F52AD
600
#7F428A
700
#66356E
800
#4F2956
900
#3B2140
950
#251528

Contrast Checker

Text on white

9.12:1

AA Pass AAA Pass

Text on black

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