#BD84AC

#BD84AC

Color Values

HEX

#BD84AC

RGB

189, 132, 172

HSL

317.9, 30.2%, 62.9%

HSV

317.9, 30.2%, 74.1%

CMYK

0.0%, 30.2%, 9.0%, 25.9%

OKLCH

0.6827 0.0878 338.1

Properties

Warm Light Nearest: plum 3

Color Harmonies

Complementary

#BD84AC

#84BD95

Analogous

#B184BD

#BD848F

#BD84AC

Triadic

#BD84AC

#ACBD84

#84ACBD

Split Complementary

#BD84AC

#8FBD84

#84BDB1

Tetradic

#BD84AC

#BDB184

#84BD95

#848FBD

Color Blindness Simulation

Original

#BD84AC

Protanopia

#A4A4A2

Deuteranopia

#A8ACA0

Tritanopia

#BA9B99

Achromatopsia

#939393

CSS Usage

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

Tailwind Shades

50
#F9F5F8
100
#F2E9EF
200
#E6D1E0
300
#D4AFC9
400
#BD84AC
500
#A6598F
600
#854772
700
#6A395C
800
#532C48
900
#3E2336
950
#271622

Contrast Checker

Text on white

2.97:1

AA Fail AAA Fail

Text on black

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