#9788FD

#9788FD

Color Values

HEX

#9788FD

RGB

151, 136, 253

HSL

247.7, 96.7%, 76.3%

HSV

247.7, 46.2%, 99.2%

CMYK

40.3%, 46.2%, 0.0%, 0.8%

OKLCH

0.692 0.1675 287.0

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#9788FD

#EEFD88

Analogous

#88B4FD

#D288FD

#9788FD

Triadic

#9788FD

#FD9788

#88FD97

Split Complementary

#9788FD

#FDD288

#B4FD88

Tetradic

#9788FD

#FD88B4

#EEFD88

#88FDD2

Color Blindness Simulation

Original

#9788FD

Protanopia

#9190E1

Deuteranopia

#9192DA

Tritanopia

#96CAC5

Achromatopsia

#949494

CSS Usage

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

Tailwind Shades

50
#F3F1FE
100
#E2DEFC
200
#C2B9FE
300
#9687FD
400
#5D45FC
500
#2404FB
600
#1D03C9
700
#1703A1
800
#12027D
900
#11065B
950
#0B0439

Contrast Checker

Text on white

2.89:1

AA Fail AAA Fail

Text on black

7.26:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026