#77546E

#77546E

Color Values

HEX

#77546E

RGB

119, 84, 110

HSL

315.4, 17.2%, 39.8%

HSV

315.4, 29.4%, 46.7%

CMYK

0.0%, 29.4%, 7.6%, 53.3%

OKLCH

0.4922 0.0599 336.1

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#77546E

#54775D

Analogous

#6E5477

#77545D

#77546E

Triadic

#77546E

#6E7754

#546E77

Split Complementary

#77546E

#5D7754

#54776E

Tetradic

#77546E

#776E54

#54775D

#545D77

Color Blindness Simulation

Original

#77546E

Protanopia

#686868

Deuteranopia

#6A6C66

Tritanopia

#756362

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#F8F6F8
100
#F0EBEE
200
#E1D5DE
300
#CCB7C7
400
#B190A9
500
#956A8A
600
#78546F
700
#604458
800
#4B3545
900
#382934
950
#231A21

Contrast Checker

Text on white

6.41:1

AA Pass AAA Fail

Text on black

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