#BB9CCF

#BB9CCF

Color Values

HEX

#BB9CCF

RGB

187, 156, 207

HSL

276.5, 34.7%, 71.2%

HSV

276.5, 24.6%, 81.2%

CMYK

9.7%, 24.6%, 0.0%, 18.8%

OKLCH

0.7378 0.0796 311.9

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#BB9CCF

#B0CF9C

Analogous

#A29CCF

#CF9CCA

#BB9CCF

Triadic

#BB9CCF

#CFBB9C

#9CCFBB

Split Complementary

#BB9CCF

#CACF9C

#9CCFA2

Tetradic

#BB9CCF

#CFA29C

#B0CF9C

#9CCACF

Color Blindness Simulation

Original

#BB9CCF

Protanopia

#AEADC3

Deuteranopia

#AFB2C0

Tritanopia

#B9B9B7

Achromatopsia

#A6A6A6

CSS Usage

background-color: #BB9CCF;
color: #BB9CCF;
border-color: #BB9CCF;
Nearest Tailwind: Violet 300 #C4B5FD

Tailwind Shades

50
#F8F5FA
100
#EEE8F2
200
#DECFE8
300
#C6ADD7
400
#A880C1
500
#8953AC
600
#6E4389
700
#58356E
800
#452A56
900
#342140
950
#211528

Contrast Checker

Text on white

2.39:1

AA Fail AAA Fail

Text on black

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