#BD98EB

#BD98EB

Color Values

HEX

#BD98EB

RGB

189, 152, 235

HSL

266.7, 67.5%, 75.9%

HSV

266.7, 35.3%, 92.2%

CMYK

19.6%, 35.3%, 0.0%, 7.8%

OKLCH

0.7441 0.1227 304.1

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#BD98EB

#C6EB98

Analogous

#989DEB

#E698EB

#BD98EB

Triadic

#BD98EB

#EBBD98

#98EBBD

Split Complementary

#BD98EB

#EBE698

#9DEB98

Tetradic

#BD98EB

#EB989D

#C6EB98

#98EBE6

Color Blindness Simulation

Original

#BD98EB

Protanopia

#ADADD7

Deuteranopia

#AFB2D2

Tritanopia

#BBC7C4

Achromatopsia

#A6A6A6

CSS Usage

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

Tailwind Shades

50
#F7F3FC
100
#ECE3F7
200
#D9C3F3
300
#BD98EB
400
#9A61E0
500
#7629D6
600
#5E21AB
700
#4C1B89
800
#3B156B
900
#2D134E
950
#1D0C31

Contrast Checker

Text on white

2.37:1

AA Fail AAA Fail

Text on black

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