#B56CEC

#B56CEC

Color Values

HEX

#B56CEC

RGB

181, 108, 236

HSL

274.2, 77.1%, 67.5%

HSV

274.2, 54.2%, 92.5%

CMYK

23.3%, 54.2%, 0.0%, 7.5%

OKLCH

0.6649 0.1921 308.4

Properties

Cool Light Nearest: mediumorchid

Color Harmonies

Complementary

#B56CEC

#A3EC6C

Analogous

#756CEC

#EC6CE3

#B56CEC

Triadic

#B56CEC

#ECB56C

#6CECB5

Split Complementary

#B56CEC

#E3EC6C

#6CEC75

Tetradic

#B56CEC

#EC756C

#A3EC6C

#6CE3EC

Color Blindness Simulation

Original

#B56CEC

Protanopia

#9595CD

Deuteranopia

#9A9FC6

Tritanopia

#B1B5AF

Achromatopsia

#858585

CSS Usage

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

Tailwind Shades

50
#F8F2FC
100
#EFE1F9
200
#DFC0F7
300
#C893F1
400
#AB58E9
500
#8D1DE2
600
#7117B5
700
#5A1391
800
#470F71
900
#350F52
950
#220934

Contrast Checker

Text on white

3.32:1

AA Fail AAA Fail

Text on black

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