#998CFF

#998CFF

Color Values

HEX

#998CFF

RGB

153, 140, 255

HSL

246.8, 100.0%, 77.5%

HSV

246.8, 45.1%, 100.0%

CMYK

40.0%, 45.1%, 0.0%, 0.0%

OKLCH

0.7019 0.1644 286.5

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#998CFF

#F2FF8C

Analogous

#8CB9FF

#D38CFF

#998CFF

Triadic

#998CFF

#FF998C

#8CFF99

Split Complementary

#998CFF

#FFD38C

#B9FF8C

Tetradic

#998CFF

#FF8CB9

#F2FF8C

#8CFFD3

Color Blindness Simulation

Original

#998CFF

Protanopia

#9393E3

Deuteranopia

#9495DC

Tritanopia

#98CDC8

Achromatopsia

#979797

CSS Usage

background-color: #998CFF;
color: #998CFF;
border-color: #998CFF;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F2F1FE
100
#E1DEFC
200
#C0B8FF
300
#9285FF
400
#5842FF
500
#1D00FF
600
#1700CC
700
#1200A3
800
#0E0080
900
#0F055C
950
#09033A

Contrast Checker

Text on white

2.78:1

AA Fail AAA Fail

Text on black

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