#988DF9

#988DF9

Color Values

HEX

#988DF9

RGB

152, 141, 249

HSL

246.1, 90.0%, 76.5%

HSV

246.1, 43.4%, 97.6%

CMYK

39.0%, 43.4%, 0.0%, 2.4%

OKLCH

0.6996 0.155 286.3

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#988DF9

#EEF98D

Analogous

#8DB8F9

#CE8DF9

#988DF9

Triadic

#988DF9

#F9988D

#8DF998

Split Complementary

#988DF9

#F9CE8D

#B8F98D

Tetradic

#988DF9

#F98DB8

#EEF98D

#8DF9CE

Color Blindness Simulation

Original

#988DF9

Protanopia

#9393DF

Deuteranopia

#9495D9

Tritanopia

#97CAC6

Achromatopsia

#979797

CSS Usage

background-color: #988DF9;
color: #988DF9;
border-color: #988DF9;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F3F1FD
100
#E2DFFB
200
#C2BBFB
300
#968BF9
400
#5D4CF6
500
#240DF2
600
#1D0AC2
700
#17089B
800
#120679
900
#110958
950
#0B0637

Contrast Checker

Text on white

2.8:1

AA Fail AAA Fail

Text on black

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