#BA84BD

#BA84BD

Color Values

HEX

#BA84BD

RGB

186, 132, 189

HSL

296.8, 30.2%, 62.9%

HSV

296.8, 30.2%, 74.1%

CMYK

1.6%, 30.2%, 0.0%, 25.9%

OKLCH

0.686 0.1017 324.8

Properties

Cool Light Nearest: plum 3

Color Harmonies

Complementary

#BA84BD

#87BD84

Analogous

#9D84BD

#BD84A3

#BA84BD

Triadic

#BA84BD

#BDBA84

#84BDBA

Split Complementary

#BA84BD

#A3BD84

#84BD9D

Tetradic

#BA84BD

#BD9D84

#87BD84

#84A3BD

Color Blindness Simulation

Original

#BA84BD

Protanopia

#A3A2AF

Deuteranopia

#A6AAAC

Tritanopia

#B7A4A2

Achromatopsia

#949494

CSS Usage

background-color: #BA84BD;
color: #BA84BD;
border-color: #BA84BD;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#F9F5F9
100
#F1E9F2
200
#E5D1E6
300
#D2AFD4
400
#BA84BD
500
#A259A6
600
#824785
700
#68396A
800
#512C53
900
#3C233E
950
#261627

Contrast Checker

Text on white

2.95:1

AA Fail AAA Fail

Text on black

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