#8D4F99

#8D4F99

Color Values

HEX

#8D4F99

RGB

141, 79, 153

HSL

290.3, 31.9%, 45.5%

HSV

290.3, 48.4%, 60.0%

CMYK

7.8%, 48.4%, 0.0%, 40.0%

OKLCH

0.5295 0.1308 320.9

Properties

Cool Dark Nearest: Vivid Violet

Color Harmonies

Complementary

#8D4F99

#5B994F

Analogous

#684F99

#994F80

#8D4F99

Triadic

#8D4F99

#998D4F

#4F998D

Split Complementary

#8D4F99

#80994F

#4F9968

Tetradic

#8D4F99

#99684F

#5B994F

#4F8099

Color Blindness Simulation

Original

#8D4F99

Protanopia

#727287

Deuteranopia

#767A83

Tritanopia

#8A7976

Achromatopsia

#626262

CSS Usage

background-color: #8D4F99;
color: #8D4F99;
border-color: #8D4F99;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#F9F5F9
100
#F0E8F2
200
#E3D0E7
300
#CFAED5
400
#B583BF
500
#9B57A8
600
#7C4587
700
#63386C
800
#4E2B54
900
#3A233E
950
#251627

Contrast Checker

Text on white

5.66:1

AA Pass AAA Fail

Text on black

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