#988DEF

#988DEF

Color Values

HEX

#988DEF

RGB

152, 141, 239

HSL

246.7, 75.4%, 74.5%

HSV

246.7, 41.0%, 93.7%

CMYK

36.4%, 41.0%, 0.0%, 6.3%

OKLCH

0.6941 0.1413 287.3

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#988DEF

#E4EF8D

Analogous

#8DB3EF

#C98DEF

#988DEF

Triadic

#988DEF

#EF988D

#8DEF98

Split Complementary

#988DEF

#EFC98D

#B3EF8D

Tetradic

#988DEF

#EF8DB3

#E4EF8D

#8DEFC9

Color Blindness Simulation

Original

#988DEF

Protanopia

#9393D7

Deuteranopia

#9495D2

Tritanopia

#97C5C0

Achromatopsia

#969696

CSS Usage

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

Tailwind Shades

50
#F4F2FC
100
#E4E2F9
200
#C6C0F6
300
#9E94F0
400
#695AE8
500
#351FE0
600
#2A19B3
700
#22148F
800
#1A1070
900
#171051
950
#0E0A33

Contrast Checker

Text on white

2.84:1

AA Fail AAA Fail

Text on black

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