#675463

#675463

Color Values

HEX

#675463

RGB

103, 84, 99

HSL

312.6, 10.2%, 36.7%

HSV

312.6, 18.4%, 40.4%

CMYK

0.0%, 18.4%, 3.9%, 59.6%

OKLCH

0.4702 0.0339 333.4

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#675463

#546758

Analogous

#625467

#67545A

#675463

Triadic

#675463

#636754

#546367

Split Complementary

#675463

#5A6754

#546762

Tetradic

#675463

#676254

#546758

#545A67

Color Blindness Simulation

Original

#675463

Protanopia

#5F5F5F

Deuteranopia

#60615E

Tritanopia

#665D5C

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EFECEE
200
#DFD8DD
300
#C8BCC5
400
#AA97A6
500
#8D7287
600
#705C6C
700
#5A4956
800
#463944
900
#352C33
950
#211C20

Contrast Checker

Text on white

6.94:1

AA Pass AAA Fail

Text on black

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