#B863EC

#B863EC

Color Values

HEX

#B863EC

RGB

184, 99, 236

HSL

277.2, 78.3%, 65.7%

HSV

277.2, 58.1%, 92.5%

CMYK

22.0%, 58.1%, 0.0%, 7.5%

OKLCH

0.6557 0.2064 310.6

Properties

Cool Light Nearest: mediumorchid 2

Color Harmonies

Complementary

#B863EC

#97EC63

Analogous

#7363EC

#EC63DC

#B863EC

Triadic

#B863EC

#ECB863

#63ECB8

Split Complementary

#B863EC

#DCEC63

#63EC73

Tetradic

#B863EC

#EC7363

#97EC63

#63DCEC

Color Blindness Simulation

Original

#B863EC

Protanopia

#9392CB

Deuteranopia

#989EC3

Tritanopia

#B4B1AB

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#F9F2FC
100
#F0E1F9
200
#E2BFF7
300
#CD92F2
400
#B257EB
500
#971CE3
600
#7916B6
700
#611291
800
#4C0E72
900
#390E53
950
#240934

Contrast Checker

Text on white

3.48:1

AA Fail AAA Fail

Text on black

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