#BD5987

#BD5987

Color Values

HEX

#BD5987

RGB

189, 89, 135

HSL

332.4, 43.1%, 54.5%

HSV

332.4, 52.9%, 74.1%

CMYK

0.0%, 52.9%, 28.6%, 25.9%

OKLCH

0.6001 0.1382 353.2

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#BD5987

#59BD8F

Analogous

#BD59B9

#BD5D59

#BD5987

Triadic

#BD5987

#87BD59

#5987BD

Split Complementary

#BD5987

#59BD5D

#59B9BD

Tetradic

#BD5987

#B9BD59

#59BD8F

#5D59BD

Color Blindness Simulation

Original

#BD5987

Protanopia

#92917C

Deuteranopia

#989F79

Tritanopia

#B87371

Achromatopsia

#727272

CSS Usage

background-color: #BD5987;
color: #BD5987;
border-color: #BD5987;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FAF5F7
100
#F4E7ED
200
#EBCCDA
300
#DCA7C0
400
#C9789D
500
#B6497B
600
#923A62
700
#752E4F
800
#5B243E
900
#431E2F
950
#2A131E

Contrast Checker

Text on white

4.25:1

AA Fail AAA Fail

Text on black

4.94:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026