#664756

#664756

Color Values

HEX

#664756

RGB

102, 71, 86

HSL

331.0, 17.9%, 33.9%

HSV

331.0, 30.4%, 40.0%

CMYK

0.0%, 30.4%, 15.7%, 60.0%

OKLCH

0.4371 0.0478 348.7

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#664756

#476657

Analogous

#664765

#664747

#664756

Triadic

#664756

#566647

#475666

Split Complementary

#664756

#476647

#476566

Tetradic

#664756

#656647

#476657

#474766

Color Blindness Simulation

Original

#664756

Protanopia

#595852

Deuteranopia

#5A5D52

Tritanopia

#64504F

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#F9F6F7
100
#F0EAED
200
#E2D5DB
300
#CDB7C1
400
#B290A0
500
#96697F
600
#785465
700
#604351
800
#4B343F
900
#382930
950
#241A1E

Contrast Checker

Text on white

8.07:1

AA Pass AAA Pass

Text on black

2.6:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026