#B884EE

#B884EE

Color Values

HEX

#B884EE

RGB

184, 132, 238

HSL

269.4, 75.7%, 72.5%

HSV

269.4, 44.5%, 93.3%

CMYK

22.7%, 44.5%, 0.0%, 6.7%

OKLCH

0.7065 0.1577 305.4

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#B884EE

#BAEE84

Analogous

#8485EE

#ED84EE

#B884EE

Triadic

#B884EE

#EEB884

#84EEB8

Split Complementary

#B884EE

#EEED84

#85EE84

Tetradic

#B884EE

#EE8485

#BAEE84

#84EEED

Color Blindness Simulation

Original

#B884EE

Protanopia

#A1A1D4

Deuteranopia

#A4A8CE

Tritanopia

#B5C0BC

Achromatopsia

#979797

CSS Usage

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

Tailwind Shades

50
#F7F2FC
100
#EDE2F9
200
#DBC0F6
300
#C193F0
400
#9F59E8
500
#7E1FE0
600
#6419B3
700
#50148F
800
#3F0F70
900
#300F51
950
#1E0A33

Contrast Checker

Text on white

2.77:1

AA Fail AAA Fail

Text on black

7.57:1

AA Pass AAA Pass

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