#7C4B6B

#7C4B6B

Color Values

HEX

#7C4B6B

RGB

124, 75, 107

HSL

320.8, 24.6%, 39.0%

HSV

320.8, 39.5%, 48.6%

CMYK

0.0%, 39.5%, 13.7%, 51.4%

OKLCH

0.4802 0.0798 341.0

Properties

Warm Dark Nearest: RAL 4008 Signal Violet

Color Harmonies

Complementary

#7C4B6B

#4B7C5C

Analogous

#744B7C

#7C4B52

#7C4B6B

Triadic

#7C4B6B

#6B7C4B

#4B6B7C

Split Complementary

#7C4B6B

#527C4B

#4B7C74

Tetradic

#7C4B6B

#7C744B

#4B7C5C

#4B527C

Color Blindness Simulation

Original

#7C4B6B

Protanopia

#676663

Deuteranopia

#6A6D61

Tritanopia

#7A5D5C

Achromatopsia

#585858

CSS Usage

background-color: #7C4B6B;
color: #7C4B6B;
border-color: #7C4B6B;
Nearest Tailwind: Zinc 600 #52525B

Tailwind Shades

50
#F9F6F8
100
#F1E9EE
200
#E4D3DE
300
#D1B3C6
400
#B889A8
500
#9F6089
600
#7F4D6E
700
#663E58
800
#4F3045
900
#3B2634
950
#251821

Contrast Checker

Text on white

6.83:1

AA Pass AAA Fail

Text on black

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