#9E4FCF

#9E4FCF

Color Values

HEX

#9E4FCF

RGB

158, 79, 207

HSL

277.0, 57.1%, 56.1%

HSV

277.0, 61.8%, 81.2%

CMYK

23.7%, 61.8%, 0.0%, 18.8%

OKLCH

0.5813 0.196 310.1

Properties

Cool Dark Nearest: mediumorchid 3

Color Harmonies

Complementary

#9E4FCF

#80CF4F

Analogous

#5E4FCF

#CF4FC0

#9E4FCF

Triadic

#9E4FCF

#CF9E4F

#4FCF9E

Split Complementary

#9E4FCF

#C0CF4F

#4FCF5E

Tetradic

#9E4FCF

#CF5E4F

#80CF4F

#4FC0CF

Color Blindness Simulation

Original

#9E4FCF

Protanopia

#7C7BB0

Deuteranopia

#8086A9

Tritanopia

#9A9892

Achromatopsia

#696969

CSS Usage

background-color: #9E4FCF;
color: #9E4FCF;
border-color: #9E4FCF;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#F8F4FB
100
#EFE4F6
200
#E0C7F0
300
#CA9FE5
400
#AD6BD7
500
#9037C8
600
#742CA0
700
#5C2380
800
#481B64
900
#361849
950
#220F2E

Contrast Checker

Text on white

4.69:1

AA Pass AAA Fail

Text on black

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