#9988FD

#9988FD

Color Values

HEX

#9988FD

RGB

153, 136, 253

HSL

248.7, 96.7%, 76.3%

HSV

248.7, 46.2%, 99.2%

CMYK

39.5%, 46.2%, 0.0%, 0.8%

OKLCH

0.6936 0.1674 287.9

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#9988FD

#ECFD88

Analogous

#88B2FD

#D488FD

#9988FD

Triadic

#9988FD

#FD9988

#88FD99

Split Complementary

#9988FD

#FDD488

#B2FD88

Tetradic

#9988FD

#FD88B2

#ECFD88

#88FDD4

Color Blindness Simulation

Original

#9988FD

Protanopia

#9291E1

Deuteranopia

#9394DA

Tritanopia

#98CAC5

Achromatopsia

#949494

CSS Usage

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

Tailwind Shades

50
#F3F1FE
100
#E3DEFC
200
#C3B9FE
300
#9887FD
400
#6045FC
500
#2804FB
600
#2003C9
700
#1A03A1
800
#14027D
900
#13065B
950
#0C0439

Contrast Checker

Text on white

2.88:1

AA Fail AAA Fail

Text on black

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