#996DB5

#996DB5

Color Values

HEX

#996DB5

RGB

153, 109, 181

HSL

276.7, 32.7%, 56.9%

HSV

276.7, 39.8%, 71.0%

CMYK

15.5%, 39.8%, 0.0%, 29.0%

OKLCH

0.6073 0.116 311.4

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#996DB5

#89B56D

Analogous

#756DB5

#B56DAD

#996DB5

Triadic

#996DB5

#B5996D

#6DB599

Split Complementary

#996DB5

#ADB56D

#6DB575

Tetradic

#996DB5

#B5756D

#89B56D

#6DADB5

Color Blindness Simulation

Original

#996DB5

Protanopia

#8686A4

Deuteranopia

#888C9F

Tritanopia

#979693

Achromatopsia

#7C7C7C

CSS Usage

background-color: #996DB5;
color: #996DB5;
border-color: #996DB5;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F8F5F9
100
#EEE8F2
200
#DED0E7
300
#C6AED6
400
#A882C0
500
#8956A9
600
#6D4587
700
#58376C
800
#442B55
900
#34223F
950
#211628

Contrast Checker

Text on white

4.03:1

AA Fail AAA Fail

Text on black

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