#9888FD

#9888FD

Color Values

HEX

#9888FD

RGB

152, 136, 253

HSL

248.2, 96.7%, 76.3%

HSV

248.2, 46.2%, 99.2%

CMYK

39.9%, 46.2%, 0.0%, 0.8%

OKLCH

0.6928 0.1674 287.5

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#9888FD

#EDFD88

Analogous

#88B3FD

#D388FD

#9888FD

Triadic

#9888FD

#FD9888

#88FD98

Split Complementary

#9888FD

#FDD388

#B3FD88

Tetradic

#9888FD

#FD88B3

#EDFD88

#88FDD3

Color Blindness Simulation

Original

#9888FD

Protanopia

#9191E1

Deuteranopia

#9293DA

Tritanopia

#97CAC5

Achromatopsia

#949494

CSS Usage

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

Tailwind Shades

50
#F3F1FE
100
#E2DEFC
200
#C2B9FE
300
#9787FD
400
#5E45FC
500
#2604FB
600
#1E03C9
700
#1803A1
800
#13027D
900
#12065B
950
#0B0439

Contrast Checker

Text on white

2.89:1

AA Fail AAA Fail

Text on black

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