#BA96F1

#BA96F1

Color Values

HEX

#BA96F1

RGB

186, 150, 241

HSL

263.7, 76.5%, 76.7%

HSV

263.7, 37.8%, 94.5%

CMYK

22.8%, 37.8%, 0.0%, 5.5%

OKLCH

0.7406 0.1329 301.5

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#BA96F1

#CDF196

Analogous

#96A0F1

#E796F1

#BA96F1

Triadic

#BA96F1

#F1BA96

#96F1BA

Split Complementary

#BA96F1

#F1E796

#A0F196

Tetradic

#BA96F1

#F196A0

#CDF196

#96F1E7

Color Blindness Simulation

Original

#BA96F1

Protanopia

#AAAADB

Deuteranopia

#ACAFD6

Tritanopia

#B8CAC6

Achromatopsia

#A4A4A4

CSS Usage

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

Tailwind Shades

50
#F6F2FC
100
#EBE2F9
200
#D6C0F7
300
#B893F1
400
#9158E9
500
#6B1EE1
600
#5618B4
700
#441390
800
#360F71
900
#290F52
950
#1A0A34

Contrast Checker

Text on white

2.41:1

AA Fail AAA Fail

Text on black

8.72:1

AA Pass AAA Pass

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