#BC9BE2

#BC9BE2

Color Values

HEX

#BC9BE2

RGB

188, 155, 226

HSL

267,9, 55,0%, 74,7%

HSV

267,9, 31,4%, 88,6%

CMYK

16,8%, 31,4%, 0,0%, 11,4%

OKLCH

0,7446 0,1058 305,3

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#BC9BE2

#C1E29B

Analogous

#9B9DE2

#DF9BE2

#BC9BE2

Triadic

#BC9BE2

#E2BC9B

#9BE2BC

Split Complementary

#BC9BE2

#E2DF9B

#9DE29B

Tetradic

#BC9BE2

#E29B9D

#C1E29B

#9BE2DF

Color Blindness Simulation

Original

#BC9BE2

Protanopia

#AEADD1

Deuteranopia

#B0B2CD

Tritanopia

#BAC3C0

Achromatopsia

#A7A7A7

CSS Usage

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

Tailwind Shades

50
#F7F4FB
100
#EDE5F5
200
#DAC8EF
300
#BFA0E3
400
#9D6DD5
500
#7B39C6
600
#622E9E
700
#4E257E
800
#3D1D63
900
#2F1848
950
#1E0F2E

Contrast Checker

Text on white

2,35:1

AA Fail AAA Fail

Text on black

8,93: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