#663B65

#663B65

Color Values

HEX

#663B65

RGB

102, 59, 101

HSL

301.4, 26.7%, 31.6%

HSV

301.4, 42.2%, 40.0%

CMYK

0.0%, 42.2%, 1.0%, 60.0%

OKLCH

0.4206 0.0861 327.8

Properties

Warm Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#663B65

#3B663C

Analogous

#523B66

#663B50

#663B65

Triadic

#663B65

#65663B

#3B6566

Split Complementary

#663B65

#50663B

#3B6652

Tetradic

#663B65

#66523B

#3B663C

#3B5066

Color Blindness Simulation

Original

#663B65

Protanopia

#53535B

Deuteranopia

#565958

Tritanopia

#645351

Achromatopsia

#474747

CSS Usage

background-color: #663B65;
color: #663B65;
border-color: #663B65;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#F9F6F9
100
#F1E9F1
200
#E5D2E4
300
#D2B1D1
400
#BA87B9
500
#A25DA0
600
#814B80
700
#673C66
800
#512F50
900
#3C253C
950
#261726

Contrast Checker

Text on white

8.83:1

AA Pass AAA Pass

Text on black

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