#BF649C

#BF649C

Color Values

HEX

#BF649C

RGB

191, 100, 156

HSL

323.1, 41.6%, 57.1%

HSV

323.1, 47.6%, 74.9%

CMYK

0.0%, 47.6%, 18.3%, 25.1%

OKLCH

0.6265 0.1343 343.9

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#BF649C

#64BF87

Analogous

#B564BF

#BF646F

#BF649C

Triadic

#BF649C

#9CBF64

#649CBF

Split Complementary

#BF649C

#6FBF64

#64BFB5

Tetradic

#BF649C

#BFB564

#64BF87

#646FBF

Color Blindness Simulation

Original

#BF649C

Protanopia

#98978E

Deuteranopia

#9DA48B

Tritanopia

#BA8481

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#FAF5F8
100
#F3E7EF
200
#EACCDF
300
#DBA8C8
400
#C879AA
500
#B54A8C
600
#903C70
700
#743059
800
#5A2546
900
#431E35
950
#2A1321

Contrast Checker

Text on white

3.81:1

AA Fail AAA Fail

Text on black

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