#BD7FBC

#BD7FBC

Color Values

HEX

#BD7FBC

RGB

189, 127, 188

HSL

301.0, 32.0%, 62.0%

HSV

301.0, 32.8%, 74.1%

CMYK

0.0%, 32.8%, 0.5%, 25.9%

OKLCH

0.6802 0.1118 327.3

Properties

Warm Light Nearest: plum 3

Color Harmonies

Complementary

#BD7FBC

#7FBD80

Analogous

#9F7FBD

#BD7F9D

#BD7FBC

Triadic

#BD7FBC

#BCBD7F

#7FBCBD

Split Complementary

#BD7FBC

#9DBD7F

#7FBD9F

Tetradic

#BD7FBC

#BD9F7F

#7FBD80

#7F9DBD

Color Blindness Simulation

Original

#BD7FBC

Protanopia

#A2A2AD

Deuteranopia

#A6AAAA

Tritanopia

#BAA29F

Achromatopsia

#919191

CSS Usage

background-color: #BD7FBC;
color: #BD7FBC;
border-color: #BD7FBC;
Nearest Tailwind: Fuchsia 300 #F0ABFC

Tailwind Shades

50
#F9F5F9
100
#F2E8F2
200
#E7D0E6
300
#D5AED5
400
#BF82BE
500
#A857A7
600
#874586
700
#6C376B
800
#542B53
900
#3E223E
950
#271627

Contrast Checker

Text on white

3.03:1

AA Fail AAA Fail

Text on black

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