#BC9ADC

#BC9ADC

Color Values

HEX

#BC9ADC

RGB

188, 154, 220

HSL

270,9, 48,5%, 73,3%

HSV

270,9, 30,0%, 86,3%

CMYK

14,5%, 30,0%, 0,0%, 13,7%

OKLCH

0,7403 0,0999 307,6

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#BC9ADC

#BADC9A

Analogous

#9B9ADC

#DC9ADB

#BC9ADC

Triadic

#BC9ADC

#DCBC9A

#9ADCBC

Split Complementary

#BC9ADC

#DBDC9A

#9ADC9B

Tetradic

#BC9ADC

#DC9B9A

#BADC9A

#9ADBDC

Color Blindness Simulation

Original

#BC9ADC

Protanopia

#ADADCC

Deuteranopia

#AFB2C8

Tritanopia

#BABFBD

Achromatopsia

#A6A6A6

CSS Usage

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

Tailwind Shades

50
#F7F4FB
100
#EDE6F5
200
#DCCAED
300
#C3A4DF
400
#A273CE
500
#8142BD
600
#673597
700
#532A79
800
#41215F
900
#311B46
950
#1F112C

Contrast Checker

Text on white

2,39:1

AA Fail AAA Fail

Text on black

8,79:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Fev 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Fev 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Fev 19, 2026