#745E6F

#745E6F

Color Values

HEX

#745E6F

RGB

116, 94, 111

HSL

313.6, 10.5%, 41.2%

HSV

313.6, 19.0%, 45.5%

CMYK

0.0%, 19.0%, 4.3%, 54.5%

OKLCH

0.5095 0.0381 334.2

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#745E6F

#5E7463

Analogous

#6E5E74

#745E64

#745E6F

Triadic

#745E6F

#6F745E

#5E6F74

Split Complementary

#745E6F

#64745E

#5E746E

Tetradic

#745E6F

#746E5E

#5E7463

#5E6474

Color Blindness Simulation

Original

#745E6F

Protanopia

#6A6A6B

Deuteranopia

#6C6D6A

Tritanopia

#736867

Achromatopsia

#646464

CSS Usage

background-color: #745E6F;
color: #745E6F;
border-color: #745E6F;
Nearest Tailwind: Zinc 500 #71717A

Tailwind Shades

50
#F8F7F8
100
#EFECEE
200
#DFD8DD
300
#C8BBC5
400
#AB97A6
500
#8D7287
600
#715B6C
700
#5A4956
800
#463943
900
#352C33
950
#211C20

Contrast Checker

Text on white

5.88:1

AA Pass AAA Fail

Text on black

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