#B284BE
Purple family

African Violet

Also known as: delicate · lush · serene · charming · vibrant
Save
Hex #B284BE
RGB rgb(178, 132, 190)
HSL hsl(288°, 31%, 63%)
CMYK 6 · 31 · 0 · 25

Meaning

In Western cultures, African Violet is associated with creativity and inspiration, often symbolizing love and tranquility. Contrastingly, in some African traditions, purple signifies royalty and wealth, reflecting a deep cultural importance.

The term 'African Violet' emerged in the early 20th century as the plant gained popularity in European households. The violet itself, scientifically known as Saintpaulia, was first discovered by German botanist Walter von Saint Paul-Illaire in 1892 in Tanzania, where it thrives in the wild.

delicatelushserenecharmingvibrant

Similar colors

Ranked by CIE76 ΔE — the perceptual distance from African Violet. Lower ΔE means a closer match (below ~2 is barely distinguishable).

All 31 Purples →

Shades & tints

Nine steps of African Violet by lightness — from #5D4563 (darkest) to #D7BFDD (lightest). Click any to copy.

-40% #5D4563
-30% #72547A
-20% #876490
-10% #9D74A7
BASE #B284BE
+15% #BB93C6
+30% #C4A2CE
+50% #CEB0D5
+70% #D7BFDD

Complementary

Sitting opposite African Violet at 108° on the color wheel, these give the highest-contrast pairings.

Palettes

Curated 5-color combinations featuring African Violet.

#B284BE
#A2D8B3
#F5F5F5
#E8C1D4
#5B3F8D

Garden Serenity

Calm Harmony
#B284BE
#FFB74D
#FFFFFF
#FF6F61
#7A9A01

Tropical Escape

Vibrant Adventure
#B284BE
#9B59B6
#F0E68C
#D5B0E4
#3C3F4D

Whimsical Dreams

Playful Imagination

African Violet scale

A 50–900 tonal scale with African Violet anchored at 500 — ready to drop into a design system. Click any step to copy.

50 #F9F5FA
100 #F1E9F3
200 #E2D0E6
300 #D2B8D9
400 #C29ECC
500 #B284BE
600 #926C9C
700 #75577D
800 #59425F
900 #3D2D41

Accessibility

Works well as text on dark backgrounds; fails on light.

Aa Best text color: #000000 · 6.94:1
African Violet as text on… Ratio AA AAA
Aa White background 3.03:1 Large only Fail
Aa Black background 6.94:1 Pass Large only

Thresholds: AA needs 4.5:1 (normal text) / 3:1 (large); AAA needs 7:1 / 4.5:1. Large = 18pt+ or 14pt+ bold.

How to use #B284BE

Copy-ready values for CSS, screen and print, plus the extra conversions designers reach for.

CSS color: #B284BE;
CSS color-mix (lighten 30%) color-mix(in srgb, #B284BE 70%, white)
HSV / HSB 288°, 31%, 75%
CMYK (print) 6, 31, 0, 25
Decimal 11699390
Nearest web-safe #9999CC

Color vision

How African Violet appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.

Normal vision

#B284BE

Protanopia (no red)

#9E9EB0

Deuteranopia (no green)

#A1A4AD

Tritanopia (no blue)

#B0A5A2
Rebecca Purple
26 / 31 Purples Heather
Copied!