#7C5D80

#7C5D80

Color Values

HEX

#7C5D80

RGB

124, 93, 128

HSL

293.1, 15.8%, 43.3%

HSV

293.1, 27.3%, 50.2%

CMYK

3.1%, 27.3%, 0.0%, 49.8%

OKLCH

0.5227 0.0655 322.6

Properties

Cool Dark Nearest: plum 4

Color Harmonies

Complementary

#7C5D80

#61805D

Analogous

#6A5D80

#805D72

#7C5D80

Triadic

#7C5D80

#807C5D

#5D807C

Split Complementary

#7C5D80

#72805D

#5D806A

Tetradic

#7C5D80

#806A5D

#61805D

#5D7280

Color Blindness Simulation

Original

#7C5D80

Protanopia

#6F6E78

Deuteranopia

#707376

Tritanopia

#7A716F

Achromatopsia

#666666

CSS Usage

background-color: #7C5D80;
color: #7C5D80;
border-color: #7C5D80;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F8F6F8
100
#EFEBF0
200
#E0D6E1
300
#C9B8CB
400
#AC92B0
500
#8F6B94
600
#725676
700
#5C455E
800
#48364A
900
#362A37
950
#221A23

Contrast Checker

Text on white

5.62:1

AA Pass AAA Fail

Text on black

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