#675560

#675560

Color Values

HEX

#675560

RGB

103, 85, 96

HSL

323.3, 9.6%, 36.9%

HSV

323.3, 17.5%, 40.4%

CMYK

0.0%, 17.5%, 6.8%, 59.6%

OKLCH

0.4713 0.029 341.0

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#675560

#55675C

Analogous

#655567

#675557

#675560

Triadic

#675560

#606755

#556067

Split Complementary

#675560

#576755

#556765

Tetradic

#675560

#676555

#55675C

#555767

Color Blindness Simulation

Original

#675560

Protanopia

#5F5F5D

Deuteranopia

#60625D

Tritanopia

#665B5B

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFECED
200
#DFD8DC
300
#C8BCC3
400
#AA98A3
500
#8C7382
600
#705C68
700
#594A53
800
#463A41
900
#352C31
950
#211C1F

Contrast Checker

Text on white

6.9:1

AA Pass AAA Fail

Text on black

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