#BF307A

#BF307A

Color Values

HEX

#BF307A

RGB

191, 48, 122

HSL

329.0, 59.8%, 46.9%

HSV

329.0, 74.9%, 74.9%

CMYK

0.0%, 74.9%, 36.1%, 25.1%

OKLCH

0.5516 0.1899 353.8

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#BF307A

#30BF75

Analogous

#BD30BF

#BF3032

#BF307A

Triadic

#BF307A

#7ABF30

#307ABF

Split Complementary

#BF307A

#32BF30

#30BFBD

Tetradic

#BF307A

#BFBD30

#30BF75

#3032BF

Color Blindness Simulation

Original

#BF307A

Protanopia

#818068

Deuteranopia

#899464

Tritanopia

#B85A57

Achromatopsia

#545454

CSS Usage

background-color: #BF307A;
color: #BF307A;
border-color: #BF307A;
Nearest Tailwind: Pink 600 #DB2777

Tailwind Shades

50
#FBF3F7
100
#F6E4ED
200
#F1C6DC
300
#E69DC3
400
#D968A3
500
#CC3382
600
#A32968
700
#822153
800
#661A41
900
#4B1631
950
#2F0E1F

Contrast Checker

Text on white

5.36:1

AA Pass AAA Fail

Text on black

3.92:1

AA Fail 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