#988DEC

#988DEC

Color Values

HEX

#988DEC

RGB

152, 141, 236

HSL

246.9, 71.4%, 73.9%

HSV

246.9, 40.3%, 92.5%

CMYK

35.6%, 40.3%, 0.0%, 7.5%

OKLCH

0.6925 0.1372 287.6

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#988DEC

#E1EC8D

Analogous

#8DB2EC

#C78DEC

#988DEC

Triadic

#988DEC

#EC988D

#8DEC98

Split Complementary

#988DEC

#ECC78D

#B2EC8D

Tetradic

#988DEC

#EC8DB2

#E1EC8D

#8DECC7

Color Blindness Simulation

Original

#988DEC

Protanopia

#9393D5

Deuteranopia

#9495D0

Tritanopia

#97C3BF

Achromatopsia

#969696

CSS Usage

background-color: #988DEC;
color: #988DEC;
border-color: #988DEC;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F4F3FC
100
#E5E2F8
200
#C8C2F5
300
#A096ED
400
#6D5DE4
500
#3924DB
600
#2E1DAF
700
#25178C
800
#1D126D
900
#181150
950
#0F0B32

Contrast Checker

Text on white

2.85:1

AA Fail AAA Fail

Text on black

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