#664F57

#664F57

Color Values

HEX

#664F57

RGB

102, 79, 87

HSL

339.1, 12.7%, 35.5%

HSV

339.1, 22.5%, 40.0%

CMYK

0.0%, 22.5%, 14.7%, 60.0%

OKLCH

0.4541 0.033 355.7

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#664F57

#4F665E

Analogous

#664F63

#66534F

#664F57

Triadic

#664F57

#57664F

#4F5766

Split Complementary

#664F57

#4F6653

#4F6366

Tetradic

#664F57

#63664F

#4F665E

#534F66

Color Blindness Simulation

Original

#664F57

Protanopia

#5C5C55

Deuteranopia

#5D5F55

Tritanopia

#655453

Achromatopsia

#545454

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFEBED
200
#E0D7DA
300
#CABABF
400
#AD959D
500
#906F7B
600
#735962
700
#5C474E
800
#48383D
900
#362B2F
950
#221B1E

Contrast Checker

Text on white

7.44:1

AA Pass AAA Pass

Text on black

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