#745561

#745561

Color Values

HEX

#745561

RGB

116, 85, 97

HSL

336.8, 15.4%, 39.4%

HSV

336.8, 26.7%, 45.5%

CMYK

0.0%, 26.7%, 16.4%, 54.5%

OKLCH

0.4859 0.0446 353.8

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#745561

#557468

Analogous

#745570

#745955

#745561

Triadic

#745561

#617455

#556174

Split Complementary

#745561

#557459

#557074

Tetradic

#745561

#707455

#557468

#595574

Color Blindness Simulation

Original

#745561

Protanopia

#67665E

Deuteranopia

#686B5D

Tritanopia

#725C5B

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#F8F6F7
100
#EFEBED
200
#E1D6DA
300
#CBB8C0
400
#AF929D
500
#936C7B
600
#765662
700
#5E454F
800
#4A363E
900
#372A2F
950
#231A1E

Contrast Checker

Text on white

6.53:1

AA Pass AAA Fail

Text on black

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