#BD7296

#BD7296

Color Values

HEX

#BD7296

RGB

189, 114, 150

HSL

331.2, 36.2%, 59.4%

HSV

331.2, 39.7%, 74.1%

CMYK

0.0%, 39.7%, 20.6%, 25.9%

OKLCH

0.644 0.1044 350.2

Properties

Warm Light Nearest: palevioletred 3

Color Harmonies

Complementary

#BD7296

#72BD99

Analogous

#BD72BB

#BD7372

#BD7296

Triadic

#BD7296

#96BD72

#7296BD

Split Complementary

#BD7296

#72BD73

#72BBBD

Tetradic

#BD7296

#BBBD72

#72BD99

#7372BD

Color Blindness Simulation

Original

#BD7296

Protanopia

#9D9C8D

Deuteranopia

#A1A68B

Tritanopia

#B98685

Achromatopsia

#858585

CSS Usage

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

Tailwind Shades

50
#FAF5F7
100
#F3E8ED
200
#E8CEDB
300
#D8ACC1
400
#C37E9F
500
#AE517E
600
#8B4165
700
#6F3450
800
#57293F
900
#402130
950
#29151E

Contrast Checker

Text on white

3.49:1

AA Fail AAA Fail

Text on black

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