#66535A

#66535A

Color Values

HEX

#66535A

RGB

102, 83, 90

HSL

337.9, 10.3%, 36.3%

HSV

337.9, 18.6%, 40.0%

CMYK

0.0%, 18.6%, 11.8%, 60.0%

OKLCH

0.4638 0.0273 354.1

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#66535A

#53665F

Analogous

#665364

#665653

#66535A

Triadic

#66535A

#5A6653

#535A66

Split Complementary

#66535A

#536656

#536466

Tetradic

#66535A

#646653

#53665F

#565366

Color Blindness Simulation

Original

#66535A

Protanopia

#5E5E58

Deuteranopia

#5F6058

Tritanopia

#655757

Achromatopsia

#585858

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFECED
200
#DFD8DA
300
#C8BBC0
400
#AA979E
500
#8D727C
600
#715B63
700
#5A494F
800
#46393E
900
#352C2F
950
#211C1E

Contrast Checker

Text on white

7.12:1

AA Pass AAA Pass

Text on black

2.95:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026