#675669

#675669

Color Values

HEX

#675669

RGB

103, 86, 105

HSL

293.7, 9.9%, 37.5%

HSV

293.7, 18.1%, 41.2%

CMYK

1.9%, 18.1%, 0.0%, 58.8%

OKLCH

0.4768 0.0367 322.7

Properties

Cool Dark Nearest: Eggplant

Color Harmonies

Complementary

#675669

#586956

Analogous

#5E5669

#695662

#675669

Triadic

#675669

#696756

#566967

Split Complementary

#675669

#626956

#56695E

Tetradic

#675669

#695E56

#586956

#566269

Color Blindness Simulation

Original

#675669

Protanopia

#605F64

Deuteranopia

#616263

Tritanopia

#666160

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EEECEF
200
#DED8DF
300
#C7BCC8
400
#A897AA
500
#89738C
600
#6E5C70
700
#584A5A
800
#453946
900
#342C35
950
#211C21

Contrast Checker

Text on white

6.75:1

AA Pass AAA Fail

Text on black

3.11:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026