#B889F3

#B889F3

Color Values

HEX

#B889F3

RGB

184, 137, 243

HSL

266.6, 81.5%, 74.5%

HSV

266.6, 43.6%, 95.3%

CMYK

24.3%, 43.6%, 0.0%, 4.7%

OKLCH

0.7173 0.1559 303.1

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#B889F3

#C4F389

Analogous

#898FF3

#ED89F3

#B889F3

Triadic

#B889F3

#F3B889

#89F3B8

Split Complementary

#B889F3

#F3ED89

#8FF389

Tetradic

#B889F3

#F3898F

#C4F389

#89F3ED

Color Blindness Simulation

Original

#B889F3

Protanopia

#A4A3D9

Deuteranopia

#A6AAD3

Tritanopia

#B6C5C1

Achromatopsia

#9B9B9B

CSS Usage

background-color: #B889F3;
color: #B889F3;
border-color: #B889F3;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F7F2FD
100
#ECE1FA
200
#D8BEF8
300
#BC90F4
400
#9854EE
500
#7418E7
600
#5D13B9
700
#4A0F94
800
#3A0C74
900
#2C0D54
950
#1C0835

Contrast Checker

Text on white

2.65:1

AA Fail AAA Fail

Text on black

7.91:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026