#663C52

#663C52

Color Values

HEX

#663C52

RGB

102, 60, 82

HSL

328.6, 25.9%, 31.8%

HSV

328.6, 41.2%, 40.0%

CMYK

0.0%, 41.2%, 19.6%, 60.0%

OKLCH

0.4141 0.0666 347.7

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#663C52

#3C6650

Analogous

#653C66

#663C3D

#663C52

Triadic

#663C52

#52663C

#3C5266

Split Complementary

#663C52

#3D663C

#3C6665

Tetradic

#663C52

#66653C

#3C6650

#3C3D66

Color Blindness Simulation

Original

#663C52

Protanopia

#54534D

Deuteranopia

#56594B

Tritanopia

#644848

Achromatopsia

#474747

CSS Usage

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

Tailwind Shades

50
#F9F6F7
100
#F1E9ED
200
#E5D2DC
300
#D2B2C3
400
#B988A2
500
#A15E81
600
#804C67
700
#673C53
800
#502F41
900
#3C2531
950
#26171F

Contrast Checker

Text on white

9.0:1

AA Pass AAA Pass

Text on black

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