#998EDF

#998EDF

Color Values

HEX

#998EDF

RGB

153, 142, 223

HSL

248.1, 55.9%, 71.6%

HSV

248.1, 36.3%, 87.5%

CMYK

31.4%, 36.3%, 0.0%, 12.5%

OKLCH

0.6886 0.1177 289.2

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#998EDF

#D4DF8E

Analogous

#8EACDF

#C28EDF

#998EDF

Triadic

#998EDF

#DF998E

#8EDF99

Split Complementary

#998EDF

#DFC28E

#ACDF8E

Tetradic

#998EDF

#DF8EAC

#D4DF8E

#8EDFC2

Color Blindness Simulation

Original

#998EDF

Protanopia

#9494CB

Deuteranopia

#9596C7

Tritanopia

#98BCB9

Achromatopsia

#969696

CSS Usage

background-color: #998EDF;
color: #998EDF;
border-color: #998EDF;
Nearest Tailwind: Violet 300 #C4B5FD

Tailwind Shades

50
#F5F4FB
100
#E7E5F6
200
#CDC7EF
300
#A9A0E4
400
#7A6CD5
500
#4B38C7
600
#3C2D9F
700
#30247F
800
#261C63
900
#1F1849
950
#130F2E

Contrast Checker

Text on white

2.88:1

AA Fail AAA Fail

Text on black

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