#7F4A74

#7F4A74

Color Values

HEX

#7F4A74

RGB

127, 74, 116

HSL

312.5, 26.4%, 39.4%

HSV

312.5, 41.7%, 49.8%

CMYK

0.0%, 41.7%, 8.7%, 50.2%

OKLCH

0.486 0.0924 334.9

Properties

Warm Dark Nearest: RAL 4008 Signal Violet

Color Harmonies

Complementary

#7F4A74

#4A7F55

Analogous

#704A7F

#7F4A59

#7F4A74

Triadic

#7F4A74

#747F4A

#4A747F

Split Complementary

#7F4A74

#597F4A

#4A7F70

Tetradic

#7F4A74

#7F704A

#4A7F55

#4A597F

Color Blindness Simulation

Original

#7F4A74

Protanopia

#68686A

Deuteranopia

#6B6F67

Tritanopia

#7C6260

Achromatopsia

#585858

CSS Usage

background-color: #7F4A74;
color: #7F4A74;
border-color: #7F4A74;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#F9F6F8
100
#F1E9EF
200
#E5D2E1
300
#D2B2CB
400
#BA88AF
500
#A15E93
600
#814B76
700
#673C5E
800
#512F4A
900
#3C2537
950
#261723

Contrast Checker

Text on white

6.7:1

AA Pass AAA Fail

Text on black

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