#B24BAE

#B24BAE

Color Values

HEX

#B24BAE

RGB

178, 75, 174

HSL

302.3, 40.7%, 49.6%

HSV

302.3, 57.9%, 69.8%

CMYK

0.0%, 57.9%, 2.2%, 30.2%

OKLCH

0.5829 0.1794 329.1

Properties

Warm Dark Nearest: orchid 3

Color Harmonies

Complementary

#B24BAE

#4BB24F

Analogous

#824BB2

#B24B7B

#B24BAE

Triadic

#B24BAE

#AEB24B

#4BAEB2

Split Complementary

#B24BAE

#7BB24B

#4BB282

Tetradic

#B24BAE

#B2824B

#4BB24F

#4B7BB2

Color Blindness Simulation

Original

#B24BAE

Protanopia

#858596

Deuteranopia

#8B9390

Tritanopia

#AD837F

Achromatopsia

#686868

CSS Usage

background-color: #B24BAE;
color: #B24BAE;
border-color: #B24BAE;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FAF5FA
100
#F3E7F3
200
#EACDE9
300
#DBA9D9
400
#C77AC4
500
#B34CAF
600
#903C8C
700
#733070
800
#5A2658
900
#421F41
950
#2A1329

Contrast Checker

Text on white

4.66:1

AA Pass AAA Fail

Text on black

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