#9E84CF

#9E84CF

Color Values

HEX

#9E84CF

RGB

158, 132, 207

HSL

260.8, 43.9%, 66.5%

HSV

260.8, 36.2%, 81.2%

CMYK

23.7%, 36.2%, 0.0%, 18.8%

OKLCH

0.6664 0.1118 299.3

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#9E84CF

#B5CF84

Analogous

#8490CF

#C484CF

#9E84CF

Triadic

#9E84CF

#CF9E84

#84CF9E

Split Complementary

#9E84CF

#CFC484

#90CF84

Tetradic

#9E84CF

#CF8490

#B5CF84

#84CFC4

Color Blindness Simulation

Original

#9E84CF

Protanopia

#9393BD

Deuteranopia

#9496B8

Tritanopia

#9DAFAB

Achromatopsia

#8F8F8F

CSS Usage

background-color: #9E84CF;
color: #9E84CF;
border-color: #9E84CF;
Nearest Tailwind: Violet 300 #C4B5FD

Tailwind Shades

50
#F6F4FA
100
#EBE6F4
200
#D6CCEB
300
#BAA7DD
400
#9477CA
500
#6E48B7
600
#583993
700
#472E75
800
#37245C
900
#2B1D44
950
#1B132B

Contrast Checker

Text on white

3.16:1

AA Fail AAA Fail

Text on black

6.66:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026