#BA84AD

#BA84AD

Color Values

HEX

#BA84AD

RGB

186, 132, 173

HSL

314,4, 28,1%, 62,4%

HSV

314,4, 29,0%, 72,9%

CMYK

0,0%, 29,0%, 7,0%, 27,1%

OKLCH

0,6798 0,086 335,5

Properties

Warm Light Nearest: plum 3

Color Harmonies

Complementary

#BA84AD

#84BA91

Analogous

#AC84BA

#BA8492

#BA84AD

Triadic

#BA84AD

#ADBA84

#84ADBA

Split Complementary

#BA84AD

#92BA84

#84BAAC

Tetradic

#BA84AD

#BAAC84

#84BA91

#8492BA

Color Blindness Simulation

Original

#BA84AD

Protanopia

#A3A2A3

Deuteranopia

#A6AAA1

Tritanopia

#B79B9A

Achromatopsia

#929292

CSS Usage

background-color: #BA84AD;
color: #BA84AD;
border-color: #BA84AD;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#F9F6F8
100
#F1E9EF
200
#E5D1E1
300
#D3B1CB
400
#BB86AE
500
#A35C92
600
#834975
700
#693B5E
800
#522E49
900
#3D2437
950
#261723

Contrast Checker

Text on white

3,0:1

AA Fail AAA Fail

Text on black

6,99: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