#BC96D0

#BC96D0

Color Values

HEX

#BC96D0

RGB

188, 150, 208

HSL

279.3, 38.2%, 70.2%

HSV

279.3, 27.9%, 81.6%

CMYK

9.6%, 27.9%, 0.0%, 18.4%

OKLCH

0.728 0.0919 313.7

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#BC96D0

#AAD096

Analogous

#9F96D0

#D096C7

#BC96D0

Triadic

#BC96D0

#D0BC96

#96D0BC

Split Complementary

#BC96D0

#C7D096

#96D09F

Tetradic

#BC96D0

#D09F96

#AAD096

#96C7D0

Color Blindness Simulation

Original

#BC96D0

Protanopia

#ACABC2

Deuteranopia

#AEB1BF

Tritanopia

#BAB7B4

Achromatopsia

#A2A2A2

CSS Usage

background-color: #BC96D0;
color: #BC96D0;
border-color: #BC96D0;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#F8F5FA
100
#EFE7F3
200
#E0CEE9
300
#C9AAD9
400
#AC7DC5
500
#8F4FB0
600
#723F8D
700
#5B3271
800
#472758
900
#362041
950
#221429

Contrast Checker

Text on white

2.5:1

AA Fail AAA Fail

Text on black

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