#996FD6

#996FD6

Color Values

HEX

#996FD6

RGB

153, 111, 214

HSL

264.5, 55.7%, 63.7%

HSV

264.5, 48.1%, 83.9%

CMYK

28.5%, 48.1%, 0.0%, 16.1%

OKLCH

0.6281 0.1541 300.9

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#996FD6

#ACD66F

Analogous

#6F78D6

#CD6FD6

#996FD6

Triadic

#996FD6

#D6996F

#6FD699

Split Complementary

#996FD6

#D6CD6F

#78D66F

Tetradic

#996FD6

#D66F78

#ACD66F

#6FD6CD

Color Blindness Simulation

Original

#996FD6

Protanopia

#8786BD

Deuteranopia

#898CB7

Tritanopia

#97A9A5

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#F7F4FB
100
#ECE5F6
200
#D8C7EF
300
#BCA0E4
400
#976CD5
500
#7238C7
600
#5C2D9F
700
#49247F
800
#391C63
900
#2C1849
950
#1C0F2E

Contrast Checker

Text on white

3.75:1

AA Fail AAA Fail

Text on black

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