#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026