#BF689B

#BF689B

Color Values

HEX

#BF689B

RGB

191, 104, 155

HSL

324.8, 40.5%, 57.8%

HSV

324.8, 45.5%, 74.9%

CMYK

0.0%, 45.5%, 18.8%, 25.1%

OKLCH

0.6322 0.1268 345.2

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#BF689B

#68BF8C

Analogous

#B768BF

#BF686F

#BF689B

Triadic

#BF689B

#9BBF68

#689BBF

Split Complementary

#BF689B

#6FBF68

#68BFB7

Tetradic

#BF689B

#BFB768

#68BF8C

#686FBF

Color Blindness Simulation

Original

#BF689B

Protanopia

#99998F

Deuteranopia

#9EA58C

Tritanopia

#BB8583

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#FAF5F8
100
#F3E7EE
200
#EACDDE
300
#DBA9C6
400
#C77AA7
500
#B34C88
600
#8F3D6D
700
#733157
800
#5A2644
900
#421F34
950
#2A1321

Contrast Checker

Text on white

3.7:1

AA Fail AAA Fail

Text on black

5.67:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026