#9988FF

#9988FF

Color Values

HEX

#9988FF

RGB

153, 136, 255

HSL

248.6, 100.0%, 76.7%

HSV

248.6, 46.7%, 100.0%

CMYK

40.0%, 46.7%, 0.0%, 0.0%

OKLCH

0.6948 0.17 287.7

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#9988FF

#EEFF88

Analogous

#88B3FF

#D588FF

#9988FF

Triadic

#9988FF

#FF9988

#88FF99

Split Complementary

#9988FF

#FFD588

#B3FF88

Tetradic

#9988FF

#FF88B3

#EEFF88

#88FFD5

Color Blindness Simulation

Original

#9988FF

Protanopia

#9291E2

Deuteranopia

#9394DB

Tritanopia

#98CBC6

Achromatopsia

#949494

CSS Usage

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

Tailwind Shades

50
#F3F1FE
100
#E2DEFC
200
#C2B8FF
300
#9685FF
400
#5D42FF
500
#2500FF
600
#1D00CC
700
#1700A3
800
#120080
900
#11055C
950
#0B033A

Contrast Checker

Text on white

2.87:1

AA Fail AAA Fail

Text on black

7.32:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026