#BD89C6

#BD89C6

Color Values

HEX

#BD89C6

RGB

189, 137, 198

HSL

291.1, 34.9%, 65.7%

HSV

291.1, 30.8%, 77.6%

CMYK

4.5%, 30.8%, 0.0%, 22.4%

OKLCH

0.7016 0.1042 321.4

Properties

Cool Light Nearest: plum 3

Color Harmonies

Complementary

#BD89C6

#92C689

Analogous

#9E89C6

#C689B1

#BD89C6

Triadic

#BD89C6

#C6BD89

#89C6BD

Split Complementary

#BD89C6

#B1C689

#89C69E

Tetradic

#BD89C6

#C69E89

#92C689

#89B1C6

Color Blindness Simulation

Original

#BD89C6

Protanopia

#A6A6B7

Deuteranopia

#AAADB4

Tritanopia

#BAACA9

Achromatopsia

#989898

CSS Usage

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

Tailwind Shades

50
#F9F5FA
100
#F1E8F2
200
#E4CFE8
300
#D1ACD7
400
#B880C2
500
#9F53AC
600
#7F428A
700
#66356E
800
#4F2A56
900
#3B2140
950
#251528

Contrast Checker

Text on white

2.78:1

AA Fail AAA Fail

Text on black

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