#BB76EE

#BB76EE

Color Values

HEX

#BB76EE

RGB

187, 118, 238

HSL

274.5, 77.9%, 69.8%

HSV

274.5, 50.4%, 93.3%

CMYK

21.4%, 50.4%, 0.0%, 6.7%

OKLCH

0.6873 0.1809 308.9

Properties

Cool Light Nearest: mediumpurple 1

Color Harmonies

Complementary

#BB76EE

#A9EE76

Analogous

#7F76EE

#EE76E5

#BB76EE

Triadic

#BB76EE

#EEBB76

#76EEBB

Split Complementary

#BB76EE

#E5EE76

#76EE7F

Tetradic

#BB76EE

#EE7F76

#A9EE76

#76E5EE

Color Blindness Simulation

Original

#BB76EE

Protanopia

#9D9DD1

Deuteranopia

#A1A6CA

Tritanopia

#B8BAB5

Achromatopsia

#8D8D8D

CSS Usage

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

Tailwind Shades

50
#F8F2FC
100
#EFE1F9
200
#DFBFF7
300
#C992F1
400
#AC57EA
500
#8E1CE3
600
#7217B5
700
#5B1291
800
#470E71
900
#360E52
950
#220934

Contrast Checker

Text on white

3.03:1

AA Fail AAA Fail

Text on black

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