#BF648A

#BF648A

Color Values

HEX

#BF648A

RGB

191, 100, 138

HSL

334.9, 41.6%, 57.1%

HSV

334.9, 47.6%, 74.9%

CMYK

0.0%, 47.6%, 27.7%, 25.1%

OKLCH

0.62 0.1239 354.9

Properties

Warm Light Nearest: palevioletred 3

Color Harmonies

Complementary

#BF648A

#64BF99

Analogous

#BF64B8

#BF6C64

#BF648A

Triadic

#BF648A

#8ABF64

#648ABF

Split Complementary

#BF648A

#64BF6C

#64B8BF

Tetradic

#BF648A

#B8BF64

#64BF99

#6C64BF

Color Blindness Simulation

Original

#BF648A

Protanopia

#989781

Deuteranopia

#9DA47F

Tritanopia

#BA7A78

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#FAF5F7
100
#F3E7EC
200
#EACCD9
300
#DBA8BE
400
#C8799A
500
#B54A77
600
#903C5F
700
#74304C
800
#5A253B
900
#431E2D
950
#2A131D

Contrast Checker

Text on white

3.89:1

AA Fail AAA Fail

Text on black

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