#66516D

#66516D

Color Values

HEX

#66516D

RGB

102, 81, 109

HSL

285.0, 14.7%, 37.3%

HSV

285.0, 25.7%, 42.7%

CMYK

6.4%, 25.7%, 0.0%, 57.3%

OKLCH

0.4669 0.0513 317.6

Properties

Cool Dark Nearest: Eggplant

Color Harmonies

Complementary

#66516D

#586D51

Analogous

#58516D

#6D5166

#66516D

Triadic

#66516D

#6D6651

#516D66

Split Complementary

#66516D

#666D51

#516D58

Tetradic

#66516D

#6D5851

#586D51

#51666D

Color Blindness Simulation

Original

#66516D

Protanopia

#5D5D66

Deuteranopia

#5E6065

Tritanopia

#656160

Achromatopsia

#575757

CSS Usage

background-color: #66516D;
color: #66516D;
border-color: #66516D;
Nearest Tailwind: Zinc 600 #52525B

Tailwind Shades

50
#F8F6F8
100
#EEEBEF
200
#DED6E1
300
#C6B9CB
400
#A893AF
500
#896D92
600
#6D5775
700
#58465E
800
#443649
900
#342A37
950
#211B23

Contrast Checker

Text on white

7.09:1

AA Pass AAA Pass

Text on black

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