#B56BEC

#B56BEC

Color Values

HEX

#B56BEC

RGB

181, 107, 236

HSL

274.4, 77.2%, 67.3%

HSV

274.4, 54.7%, 92.5%

CMYK

23.3%, 54.7%, 0.0%, 7.5%

OKLCH

0.6635 0.1936 308.5

Properties

Cool Light Nearest: mediumorchid

Color Harmonies

Complementary

#B56BEC

#A2EC6B

Analogous

#756BEC

#EC6BE3

#B56BEC

Triadic

#B56BEC

#ECB56B

#6BECB5

Split Complementary

#B56BEC

#E3EC6B

#6BEC75

Tetradic

#B56BEC

#EC756B

#A2EC6B

#6BE3EC

Color Blindness Simulation

Original

#B56BEC

Protanopia

#9594CD

Deuteranopia

#999FC5

Tritanopia

#B1B4AF

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#F8F2FC
100
#EFE1F9
200
#DFC0F7
300
#C993F1
400
#AB58E9
500
#8E1DE2
600
#7217B5
700
#5B1391
800
#470F71
900
#350F52
950
#220934

Contrast Checker

Text on white

3.34:1

AA Fail AAA Fail

Text on black

6.28:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026