#997DA0

#997DA0

Color Values

HEX

#997DA0

RGB

153, 125, 160

HSL

288.0, 15.6%, 55.9%

HSV

288.0, 21.9%, 62.7%

CMYK

4.4%, 21.9%, 0.0%, 37.3%

OKLCH

0.628 0.0608 319.5

Properties

Cool Light Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#997DA0

#84A07D

Analogous

#887DA0

#A07D96

#997DA0

Triadic

#997DA0

#A0997D

#7DA099

Split Complementary

#997DA0

#96A07D

#7DA088

Tetradic

#997DA0

#A0887D

#84A07D

#7D96A0

Color Blindness Simulation

Original

#997DA0

Protanopia

#8D8D98

Deuteranopia

#8E9196

Tritanopia

#98918F

Achromatopsia

#858585

CSS Usage

background-color: #997DA0;
color: #997DA0;
border-color: #997DA0;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F8F6F8
100
#EFEBF0
200
#DFD6E1
300
#C8B8CB
400
#A992AF
500
#8B6C93
600
#705676
700
#59455E
800
#46364A
900
#352A37
950
#211A23

Contrast Checker

Text on white

3.62:1

AA Fail AAA Fail

Text on black

5.8:1

AA Pass AAA Fail

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