#BC98DD

#BC98DD

Color Values

HEX

#BC98DD

RGB

188, 152, 221

HSL

271.3, 50.4%, 73.1%

HSV

271.3, 31.2%, 86.7%

CMYK

14.9%, 31.2%, 0.0%, 13.3%

OKLCH

0.737 0.1046 307.8

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#BC98DD

#B9DD98

Analogous

#9998DD

#DD98DB

#BC98DD

Triadic

#BC98DD

#DDBC98

#98DDBC

Split Complementary

#BC98DD

#DBDD98

#98DD99

Tetradic

#BC98DD

#DD9998

#B9DD98

#98DBDD

Color Blindness Simulation

Original

#BC98DD

Protanopia

#ACACCC

Deuteranopia

#AEB1C8

Tritanopia

#BABFBC

Achromatopsia

#A5A5A5

CSS Usage

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

Tailwind Shades

50
#F7F4FB
100
#EDE6F5
200
#DCC9ED
300
#C3A3E1
400
#A371D0
500
#823FC0
600
#683399
700
#53287B
800
#412060
900
#311A46
950
#1F112C

Contrast Checker

Text on white

2.42:1

AA Fail AAA Fail

Text on black

8.67:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026