#BB7CF1

#BB7CF1

Color Values

HEX

#BB7CF1

RGB

187, 124, 241

HSL

272.3, 80.7%, 71.6%

HSV

272.3, 48.5%, 94.5%

CMYK

22.4%, 48.5%, 0.0%, 5.5%

OKLCH

0.6982 0.1749 307.3

Properties

Cool Light Nearest: mediumpurple 1

Color Harmonies

Complementary

#BB7CF1

#B2F17C

Analogous

#817CF1

#F17CED

#BB7CF1

Triadic

#BB7CF1

#F1BB7C

#7CF1BB

Split Complementary

#BB7CF1

#EDF17C

#7CF181

Tetradic

#BB7CF1

#F1817C

#B2F17C

#7CEDF1

Color Blindness Simulation

Original

#BB7CF1

Protanopia

#A09FD5

Deuteranopia

#A3A8CE

Tritanopia

#B8BEB9

Achromatopsia

#929292

CSS Usage

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

Tailwind Shades

50
#F8F2FD
100
#EEE1F9
200
#DEBEF8
300
#C690F3
400
#A655ED
500
#8719E6
600
#6C14B8
700
#571093
800
#440C73
900
#330D54
950
#200835

Contrast Checker

Text on white

2.89:1

AA Fail AAA Fail

Text on black

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