#998FDF

#998FDF

Color Values

HEX

#998FDF

RGB

153, 143, 223

HSL

247.5, 55.6%, 71.8%

HSV

247.5, 35.9%, 87.5%

CMYK

31.4%, 35.9%, 0.0%, 12.5%

OKLCH

0.6905 0.1162 288.7

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#998FDF

#D5DF8F

Analogous

#8FADDF

#C18FDF

#998FDF

Triadic

#998FDF

#DF998F

#8FDF99

Split Complementary

#998FDF

#DFC18F

#ADDF8F

Tetradic

#998FDF

#DF8FAD

#D5DF8F

#8FDFC1

Color Blindness Simulation

Original

#998FDF

Protanopia

#9595CC

Deuteranopia

#9596C7

Tritanopia

#98BCB9

Achromatopsia

#979797

CSS Usage

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

Tailwind Shades

50
#F5F4FB
100
#E7E5F6
200
#CCC7EF
300
#A8A0E4
400
#796CD5
500
#4A39C6
600
#3B2D9F
700
#30247F
800
#251C63
900
#1E1849
950
#130F2E

Contrast Checker

Text on white

2.86:1

AA Fail AAA Fail

Text on black

7.35:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026