#7E5F73

#7E5F73

Color Values

HEX

#7E5F73

RGB

126, 95, 115

HSL

321.3, 14.0%, 43.3%

HSV

321.3, 24.6%, 49.4%

CMYK

0.0%, 24.6%, 8.7%, 50.6%

OKLCH

0.5237 0.0496 340.1

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#7E5F73

#5F7E6A

Analogous

#795F7E

#7E5F63

#7E5F73

Triadic

#7E5F73

#737E5F

#5F737E

Split Complementary

#7E5F73

#637E5F

#5F7E79

Tetradic

#7E5F73

#7E795F

#5F7E6A

#5F637E

Color Blindness Simulation

Original

#7E5F73

Protanopia

#71706E

Deuteranopia

#72756D

Tritanopia

#7C6A6A

Achromatopsia

#676767

CSS Usage

background-color: #7E5F73;
color: #7E5F73;
border-color: #7E5F73;
Nearest Tailwind: Zinc 500 #71717A

Tailwind Shades

50
#F8F6F8
100
#EFEBEE
200
#E0D6DD
300
#CAB9C4
400
#AE93A4
500
#916E85
600
#74586A
700
#5D4655
800
#493742
900
#372A32
950
#221B20

Contrast Checker

Text on white

5.57:1

AA Pass AAA Fail

Text on black

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