#BF7AA0

#BF7AA0

Color Values

HEX

#BF7AA0

RGB

191, 122, 160

HSL

327.0, 35.0%, 61.4%

HSV

327.0, 36.1%, 74.9%

CMYK

0.0%, 36.1%, 16.2%, 25.1%

OKLCH

0.6633 0.0987 346.0

Properties

Warm Light Nearest: plum 3

Color Harmonies

Complementary

#BF7AA0

#7ABF99

Analogous

#BC7ABF

#BF7A7E

#BF7AA0

Triadic

#BF7AA0

#A0BF7A

#7AA0BF

Split Complementary

#BF7AA0

#7EBF7A

#7ABFBC

Tetradic

#BF7AA0

#BFBC7A

#7ABF99

#7A7EBF

Color Blindness Simulation

Original

#BF7AA0

Protanopia

#A1A197

Deuteranopia

#A5AA95

Tritanopia

#BC908E

Achromatopsia

#8B8B8B

CSS Usage

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

Tailwind Shades

50
#FAF5F8
100
#F2E8EE
200
#E8CFDD
300
#D7ACC4
400
#C280A4
500
#AC5384
600
#8A426A
700
#6E3554
800
#562942
900
#402132
950
#281520

Contrast Checker

Text on white

3.23:1

AA Fail AAA Fail

Text on black

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