#745B60

#745B60

Color Values

HEX

#745B60

RGB

116, 91, 96

HSL

348.0, 12.1%, 40.6%

HSV

348.0, 21.6%, 45.5%

CMYK

0.0%, 21.6%, 17.2%, 54.5%

OKLCH

0.498 0.0335 5.0

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#745B60

#5B746F

Analogous

#745B6D

#74635B

#745B60

Triadic

#745B60

#60745B

#5B6074

Split Complementary

#745B60

#5B7463

#5B6D74

Tetradic

#745B60

#6D745B

#5B746F

#635B74

Color Blindness Simulation

Original

#745B60

Protanopia

#69695F

Deuteranopia

#6B6C5E

Tritanopia

#735E5E

Achromatopsia

#616161

CSS Usage

background-color: #745B60;
color: #745B60;
border-color: #745B60;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F8F7F7
100
#EFEBEC
200
#E0D7D9
300
#C9BABD
400
#AC959A
500
#8F7076
600
#725A5F
700
#5B484C
800
#47383B
900
#362B2D
950
#221B1D

Contrast Checker

Text on white

6.16:1

AA Pass AAA Fail

Text on black

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