#66596C

#66596C

Color Values

HEX

#66596C

RGB

102, 89, 108

HSL

281.1, 9.6%, 38.6%

HSV

281.1, 17.6%, 42.4%

CMYK

5.6%, 17.6%, 0.0%, 57.6%

OKLCH

0.4834 0.0339 315.2

Properties

Cool Dark Nearest: Eggplant

Color Harmonies

Complementary

#66596C

#5F6C59

Analogous

#5C596C

#6C5968

#66596C

Triadic

#66596C

#6C6659

#596C66

Split Complementary

#66596C

#686C59

#596C5C

Tetradic

#66596C

#6C5C59

#5F6C59

#59686C

Color Blindness Simulation

Original

#66596C

Protanopia

#606067

Deuteranopia

#616266

Tritanopia

#656463

Achromatopsia

#5D5D5D

CSS Usage

background-color: #66596C;
color: #66596C;
border-color: #66596C;
Nearest Tailwind: Zinc 600 #52525B

Tailwind Shades

50
#F8F7F8
100
#EEECEF
200
#DDD8DF
300
#C4BCC8
400
#A498AA
500
#84738C
600
#6A5C70
700
#544A59
800
#423A46
900
#322C35
950
#201C21

Contrast Checker

Text on white

6.54:1

AA Pass AAA Fail

Text on black

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