#B554EE

#B554EE

Color Values

HEX

#B554EE

RGB

181, 84, 238

HSL

277,8, 81,9%, 63,1%

HSV

277,8, 64,7%, 93,3%

CMYK

23,9%, 64,7%, 0,0%, 6,7%

OKLCH

0,6346 0,2281 310,5

Properties

Cool Light Nearest: mediumorchid 2

Color Harmonies

Complementary

#B554EE

#8DEE54

Analogous

#6854EE

#EE54DA

#B554EE

Triadic

#B554EE

#EEB554

#54EEB5

Split Complementary

#B554EE

#DAEE54

#54EE68

Tetradic

#B554EE

#EE6854

#8DEE54

#54DAEE

Color Blindness Simulation

Original

#B554EE

Protanopia

#8B8AC9

Deuteranopia

#9198C0

Tritanopia

#B0ABA5

Achromatopsia

#747474

CSS Usage

background-color: #B554EE;
color: #B554EE;
border-color: #B554EE;
Nearest Tailwind: Purple 500 #A855F7

Tailwind Shades

50
#F9F2FD
100
#F0E1FA
200
#E3BEF9
300
#CF90F4
400
#B553EE
500
#9B17E8
600
#7C12BA
700
#630F94
800
#4D0C74
900
#3A0D54
950
#240835

Contrast Checker

Text on white

3,84:1

AA Fail AAA Fail

Text on black

5,47:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Şub 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Şub 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Şub 20, 2026