#BD8FF9

#BD8FF9

Color Values

HEX

#BD8FF9

RGB

189, 143, 249

HSL

266.0, 89.8%, 76.9%

HSV

266.0, 42.6%, 97.6%

CMYK

24.1%, 42.6%, 0.0%, 2.4%

OKLCH

0.7352 0.1549 302.8

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#BD8FF9

#CBF98F

Analogous

#8F96F9

#F28FF9

#BD8FF9

Triadic

#BD8FF9

#F9BD8F

#8FF9BD

Split Complementary

#BD8FF9

#F9F28F

#96F98F

Tetradic

#BD8FF9

#F98F96

#CBF98F

#8FF9F2

Color Blindness Simulation

Original

#BD8FF9

Protanopia

#A9A9DF

Deuteranopia

#ACAFD9

Tritanopia

#BBCBC7

Achromatopsia

#A0A0A0

CSS Usage

background-color: #BD8FF9;
color: #BD8FF9;
border-color: #BD8FF9;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F7F2FD
100
#EBE0FB
200
#D7BBFB
300
#BA8BF9
400
#954CF5
500
#700DF2
600
#5A0AC2
700
#48089B
800
#380779
900
#2B0958
950
#1B0637

Contrast Checker

Text on white

2.48:1

AA Fail AAA Fail

Text on black

8.46:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026