#B996F5

#B996F5

Color Values

HEX

#B996F5

RGB

185, 150, 245

HSL

262.1, 82.6%, 77.5%

HSV

262.1, 38.8%, 96.1%

CMYK

24.5%, 38.8%, 0.0%, 3.9%

OKLCH

0.7416 0.1378 300.0

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#B996F5

#D2F596

Analogous

#96A3F5

#E996F5

#B996F5

Triadic

#B996F5

#F5B996

#96F5B9

Split Complementary

#B996F5

#F5E996

#A3F596

Tetradic

#B996F5

#F596A3

#D2F596

#96F5E9

Color Blindness Simulation

Original

#B996F5

Protanopia

#AAAADE

Deuteranopia

#ACAED8

Tritanopia

#B7CCC8

Achromatopsia

#A4A4A4

CSS Usage

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

Tailwind Shades

50
#F6F2FD
100
#EAE1FA
200
#D4BEF9
300
#B48FF4
400
#8C53EF
500
#6416E9
600
#5012BA
700
#400E95
800
#320B74
900
#270C54
950
#190835

Contrast Checker

Text on white

2.4:1

AA Fail AAA Fail

Text on black

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