#BB24AB

#BB24AB

Color Values

HEX

#BB24AB

RGB

187, 36, 171

HSL

306.4, 67.7%, 43.7%

HSV

306.4, 80.7%, 73.3%

CMYK

0.0%, 80.7%, 8.6%, 26.7%

OKLCH

0.559 0.2277 333.2

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#BB24AB

#24BB34

Analogous

#8024BB

#BB245F

#BB24AB

Triadic

#BB24AB

#ABBB24

#24ABBB

Split Complementary

#BB24AB

#5FBB24

#24BB80

Tetradic

#BB24AB

#BB8024

#24BB34

#245FBB

Color Blindness Simulation

Original

#BB24AB

Protanopia

#7A788A

Deuteranopia

#828E82

Tritanopia

#B3716B

Achromatopsia

#4E4E4E

CSS Usage

background-color: #BB24AB;
color: #BB24AB;
border-color: #BB24AB;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#FCF3FB
100
#F7E3F5
200
#F3C3EE
300
#EB98E2
400
#E161D3
500
#D629C3
600
#AB219C
700
#891A7D
800
#6B1562
900
#4E1348
950
#310C2D

Contrast Checker

Text on white

5.31:1

AA Pass AAA Fail

Text on black

3.95:1

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