#9984A3

#9984A3

Color Values

HEX

#9984A3

RGB

153, 132, 163

HSL

280.6, 14.4%, 57.8%

HSV

280.6, 19.0%, 63.9%

CMYK

6.1%, 19.0%, 0.0%, 36.1%

OKLCH

0.6429 0.0514 314.9

Properties

Cool Light Nearest: RAL 4009 Pastel Violet

Color Harmonies

Complementary

#9984A3

#8EA384

Analogous

#8984A3

#A3849D

#9984A3

Triadic

#9984A3

#A39984

#84A399

Split Complementary

#9984A3

#9DA384

#84A389

Tetradic

#9984A3

#A38984

#8EA384

#849DA3

Color Blindness Simulation

Original

#9984A3

Protanopia

#90909C

Deuteranopia

#91939A

Tritanopia

#989694

Achromatopsia

#8B8B8B

CSS Usage

background-color: #9984A3;
color: #9984A3;
border-color: #9984A3;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F8F6F8
100
#EEEBEF
200
#DDD6E0
300
#C5B9CB
400
#A593AE
500
#866D92
600
#6B5775
700
#56465D
800
#433749
900
#332A37
950
#201B23

Contrast Checker

Text on white

3.4:1

AA Fail AAA Fail

Text on black

6.18:1

AA Pass AAA Fail

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