#BD4F83

#BD4F83

Color Values

HEX

#BD4F83

RGB

189, 79, 131

HSL

331.6, 45.5%, 52.5%

HSV

331.6, 58.2%, 74.1%

CMYK

0.0%, 58.2%, 30.7%, 25.9%

OKLCH

0.585 0.1519 353.3

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#BD4F83

#4FBD89

Analogous

#BD4FBA

#BD524F

#BD4F83

Triadic

#BD4F83

#83BD4F

#4F83BD

Split Complementary

#BD4F83

#4FBD52

#4FBABD

Tetradic

#BD4F83

#BABD4F

#4FBD89

#524FBD

Color Blindness Simulation

Original

#BD4F83

Protanopia

#8D8C76

Deuteranopia

#949C73

Tritanopia

#B76C6A

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#FAF4F7
100
#F4E6ED
200
#ECCBDA
300
#DEA6C0
400
#CC769E
500
#BA457C
600
#943864
700
#772C50
800
#5D233E
900
#441D2F
950
#2B121E

Contrast Checker

Text on white

4.56:1

AA Pass AAA Fail

Text on black

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