#664153

#664153

Color Values

HEX

#664153

RGB

102, 65, 83

HSL

330.8, 22.2%, 32.7%

HSV

330.8, 36.3%, 40.0%

CMYK

0.0%, 36.3%, 18.6%, 60.0%

OKLCH

0.424 0.0575 349.2

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#664153

#416654

Analogous

#664165

#664141

#664153

Triadic

#664153

#536641

#415366

Split Complementary

#664153

#416641

#416566

Tetradic

#664153

#656641

#416654

#414166

Color Blindness Simulation

Original

#664153

Protanopia

#56564F

Deuteranopia

#585B4E

Tritanopia

#644B4A

Achromatopsia

#4A4A4A

CSS Usage

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

Tailwind Shades

50
#F9F6F7
100
#F1EAED
200
#E3D3DB
300
#CFB4C1
400
#B68CA0
500
#9C637F
600
#7D4F65
700
#643F51
800
#4E323F
900
#3A2730
950
#25181E

Contrast Checker

Text on white

8.59:1

AA Pass AAA Pass

Text on black

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