#663F65

#663F65

Color Values

HEX

#663F65

RGB

102, 63, 101

HSL

301.5, 23.6%, 32.4%

HSV

301.5, 38.2%, 40.0%

CMYK

0.0%, 38.2%, 1.0%, 60.0%

OKLCH

0.4278 0.0781 327.7

Properties

Warm Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#663F65

#3F6640

Analogous

#543F66

#663F52

#663F65

Triadic

#663F65

#65663F

#3F6566

Split Complementary

#663F65

#52663F

#3F6654

Tetradic

#663F65

#66543F

#3F6640

#3F5266

Color Blindness Simulation

Original

#663F65

Protanopia

#55555C

Deuteranopia

#575A5A

Tritanopia

#645553

Achromatopsia

#4A4A4A

CSS Usage

background-color: #663F65;
color: #663F65;
border-color: #663F65;
Nearest Tailwind: Zinc 600 #52525B

Tailwind Shades

50
#F9F6F9
100
#F1EAF1
200
#E4D3E3
300
#D0B3D0
400
#B78AB6
500
#9E619C
600
#7E4E7D
700
#653E64
800
#4F314E
900
#3B263A
950
#251825

Contrast Checker

Text on white

8.52:1

AA Pass AAA Pass

Text on black

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