#BD8AE3

#BD8AE3

Color Values

HEX

#BD8AE3

RGB

189, 138, 227

HSL

274.4, 61.4%, 71.6%

HSV

274.4, 39.2%, 89.0%

CMYK

16.7%, 39.2%, 0.0%, 11.0%

OKLCH

0.716 0.1361 309.7

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#BD8AE3

#B0E38A

Analogous

#918AE3

#E38ADD

#BD8AE3

Triadic

#BD8AE3

#E3BD8A

#8AE3BD

Split Complementary

#BD8AE3

#DDE38A

#8AE391

Tetradic

#BD8AE3

#E3918A

#B0E38A

#8ADDE3

Color Blindness Simulation

Original

#BD8AE3

Protanopia

#A7A6CD

Deuteranopia

#AAAEC8

Tritanopia

#BABCB9

Achromatopsia

#9B9B9B

CSS Usage

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

Tailwind Shades

50
#F8F3FB
100
#EFE4F6
200
#DFC5F1
300
#C79CE7
400
#A967DB
500
#8B31CE
600
#6F27A5
700
#591F84
800
#451967
900
#34164B
950
#210E30

Contrast Checker

Text on white

2.66:1

AA Fail AAA Fail

Text on black

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