#B56AEF

#B56AEF

Color Values

HEX

#B56AEF

RGB

181, 106, 239

HSL

273.8, 80.6%, 67.6%

HSV

273.8, 55.6%, 93.7%

CMYK

24.3%, 55.6%, 0.0%, 6.3%

OKLCH

0.6638 0.1984 307.9

Properties

Cool Light Nearest: mediumorchid

Color Harmonies

Complementary

#B56AEF

#A4EF6A

Analogous

#726AEF

#EF6AE7

#B56AEF

Triadic

#B56AEF

#EFB56A

#6AEFB5

Split Complementary

#B56AEF

#E7EF6A

#6AEF72

Tetradic

#B56AEF

#EF726A

#A4EF6A

#6AE7EF

Color Blindness Simulation

Original

#B56AEF

Protanopia

#9594CF

Deuteranopia

#999EC7

Tritanopia

#B1B5B0

Achromatopsia

#848484

CSS Usage

background-color: #B56AEF;
color: #B56AEF;
border-color: #B56AEF;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#F8F2FD
100
#EFE1F9
200
#DFBFF8
300
#C890F3
400
#AA55ED
500
#8D19E6
600
#7014B8
700
#5A1093
800
#460C73
900
#350D54
950
#210835

Contrast Checker

Text on white

3.35:1

AA Fail AAA Fail

Text on black

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