#9587FD

#9587FD

Color Values

HEX

#9587FD

RGB

149, 135, 253

HSL

247.1, 96.7%, 76.1%

HSV

247.1, 46.6%, 99.2%

CMYK

41.1%, 46.6%, 0.0%, 0.8%

OKLCH

0.6886 0.169 286.5

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#9587FD

#EFFD87

Analogous

#87B4FD

#D087FD

#9587FD

Triadic

#9587FD

#FD9587

#87FD95

Split Complementary

#9587FD

#FDD087

#B4FD87

Tetradic

#9587FD

#FD87B4

#EFFD87

#87FDD0

Color Blindness Simulation

Original

#9587FD

Protanopia

#8F8FE0

Deuteranopia

#9091DA

Tritanopia

#94CAC5

Achromatopsia

#929292

CSS Usage

background-color: #9587FD;
color: #9587FD;
border-color: #9587FD;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F3F1FE
100
#E2DEFC
200
#C1B9FE
300
#9587FD
400
#5B45FC
500
#2104FB
600
#1B03C9
700
#1503A1
800
#11027D
900
#10065B
950
#0A0439

Contrast Checker

Text on white

2.93:1

AA Fail AAA Fail

Text on black

7.16:1

AA Pass AAA Pass

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