#745A63

#745A63

Color Values

HEX

#745A63

RGB

116, 90, 99

HSL

339.2, 12.6%, 40.4%

HSV

339.2, 22.4%, 45.5%

CMYK

0.0%, 22.4%, 14.7%, 54.5%

OKLCH

0.4969 0.0365 355.8

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#745A63

#5A746B

Analogous

#745A70

#745E5A

#745A63

Triadic

#745A63

#63745A

#5A6374

Split Complementary

#745A63

#5A745E

#5A7074

Tetradic

#745A63

#70745A

#5A746B

#5E5A74

Color Blindness Simulation

Original

#745A63

Protanopia

#696961

Deuteranopia

#6A6C60

Tritanopia

#735F5F

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFEBED
200
#E0D7DA
300
#CABABF
400
#AD959D
500
#906F7B
600
#735962
700
#5C474E
800
#48383D
900
#362B2F
950
#221B1E

Contrast Checker

Text on white

6.2:1

AA Pass AAA Fail

Text on black

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