#BB3F7D

#BB3F7D

Color Values

HEX

#BB3F7D

RGB

187, 63, 125

HSL

330.0, 49.6%, 49.0%

HSV

330.0, 66.3%, 73.3%

CMYK

0.0%, 66.3%, 33.2%, 26.7%

OKLCH

0.5607 0.17 353.1

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#BB3F7D

#3FBB7D

Analogous

#BB3FBB

#BB3F3F

#BB3F7D

Triadic

#BB3F7D

#7DBB3F

#3F7DBB

Split Complementary

#BB3F7D

#3FBB3F

#3FBBBB

Tetradic

#BB3F7D

#BBBB3F

#3FBB7D

#3F3FBB

Color Blindness Simulation

Original

#BB3F7D

Protanopia

#85846E

Deuteranopia

#8C966A

Tritanopia

#B56260

Achromatopsia

#5E5E5E

CSS Usage

background-color: #BB3F7D;
color: #BB3F7D;
border-color: #BB3F7D;
Nearest Tailwind: Pink 700 #BE185D

Tailwind Shades

50
#FBF4F7
100
#F5E6ED
200
#EDCADB
300
#E0A3C2
400
#CF72A1
500
#BF4080
600
#993366
700
#7A2952
800
#5F2040
900
#461B30
950
#2C111F

Contrast Checker

Text on white

5.1:1

AA Pass AAA Fail

Text on black

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