#BD7F9C

#BD7F9C

Color Values

HEX

#BD7F9C

RGB

189, 127, 156

HSL

331.9, 32.0%, 62.0%

HSV

331.9, 32.8%, 74.1%

CMYK

0.0%, 32.8%, 17.5%, 25.9%

OKLCH

0.6683 0.0853 350.1

Properties

Warm Light Nearest: pink 3

Color Harmonies

Complementary

#BD7F9C

#7FBDA0

Analogous

#BD7FBB

#BD817F

#BD7F9C

Triadic

#BD7F9C

#9CBD7F

#7F9CBD

Split Complementary

#BD7F9C

#7FBD81

#7FBBBD

Tetradic

#BD7F9C

#BBBD7F

#7FBDA0

#817FBD

Color Blindness Simulation

Original

#BD7F9C

Protanopia

#A2A295

Deuteranopia

#A6AA93

Tritanopia

#BA8F8E

Achromatopsia

#8E8E8E

CSS Usage

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

Tailwind Shades

50
#F9F5F7
100
#F2E8ED
200
#E7D0DB
300
#D5AEC1
400
#BF829F
500
#A8577D
600
#874564
700
#6C3750
800
#542B3E
900
#3E2230
950
#27161E

Contrast Checker

Text on white

3.14:1

AA Fail AAA Fail

Text on black

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