#8A4F74

#8A4F74

Color Values

HEX

#8A4F74

RGB

138, 79, 116

HSL

322.4, 27.2%, 42.5%

HSV

322.4, 42.8%, 54.1%

CMYK

0.0%, 42.8%, 15.9%, 45.9%

OKLCH

0.5087 0.0931 342.7

Properties

Warm Dark Nearest: RAL 4008 Signal Violet

Color Harmonies

Complementary

#8A4F74

#4F8A65

Analogous

#824F8A

#8A4F56

#8A4F74

Triadic

#8A4F74

#748A4F

#4F748A

Split Complementary

#8A4F74

#568A4F

#4F8A82

Tetradic

#8A4F74

#8A824F

#4F8A65

#4F568A

Color Blindness Simulation

Original

#8A4F74

Protanopia

#70706B

Deuteranopia

#747869

Tritanopia

#876462

Achromatopsia

#5E5E5E

CSS Usage

background-color: #8A4F74;
color: #8A4F74;
border-color: #8A4F74;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#F9F6F8
100
#F1E9EE
200
#E5D2DE
300
#D2B1C6
400
#BA87A7
500
#A25D88
600
#824A6D
700
#683B57
800
#512E44
900
#3C2533
950
#261720

Contrast Checker

Text on white

6.08:1

AA Pass AAA Fail

Text on black

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