#564655

#564655

Color Values

HEX

#564655

RGB

86, 70, 85

HSL

303.8, 10.3%, 30.6%

HSV

303.8, 18.6%, 33.7%

CMYK

0.0%, 18.6%, 1.2%, 66.3%

OKLCH

0.4162 0.0322 328.1

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#564655

#465647

Analogous

#4F4656

#56464D

#564655

Triadic

#564655

#555646

#465556

Split Complementary

#564655

#4D5646

#46564F

Tetradic

#564655

#564F46

#465647

#464D56

Color Blindness Simulation

Original

#564655

Protanopia

#4F4F51

Deuteranopia

#505150

Tritanopia

#554F4E

Achromatopsia

#4A4A4A

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EFECEF
200
#DFD8DF
300
#C8BBC7
400
#AA97A9
500
#8D728B
600
#715B6F
700
#5A4959
800
#463945
900
#352C34
950
#211C21

Contrast Checker

Text on white

8.74:1

AA Pass AAA Pass

Text on black

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