#BD5AF9

#BD5AF9

Color Values

HEX

#BD5AF9

RGB

189, 90, 249

HSL

277.4, 93.0%, 66.5%

HSV

277.4, 63.9%, 97.6%

CMYK

24.1%, 63.9%, 0.0%, 2.4%

OKLCH

0.6581 0.2337 310.1

Properties

Cool Light Nearest: mediumorchid 1

Color Harmonies

Complementary

#BD5AF9

#96F95A

Analogous

#6E5AF9

#F95AE5

#BD5AF9

Triadic

#BD5AF9

#F9BD5A

#5AF9BD

Split Complementary

#BD5AF9

#E5F95A

#5AF96E

Tetradic

#BD5AF9

#F96E5A

#96F95A

#5AE5F9

Color Blindness Simulation

Original

#BD5AF9

Protanopia

#9291D3

Deuteranopia

#989FC9

Tritanopia

#B8B4AD

Achromatopsia

#7B7B7B

CSS Usage

background-color: #BD5AF9;
color: #BD5AF9;
border-color: #BD5AF9;
Nearest Tailwind: Purple 500 #A855F7

Tailwind Shades

50
#F9F1FD
100
#F1DFFB
200
#E3BAFD
300
#D089FB
400
#B649F8
500
#9D09F6
600
#7D07C5
700
#64069D
800
#4E047B
900
#3A0859
950
#250538

Contrast Checker

Text on white

3.5:1

AA Fail AAA Fail

Text on black

5.99:1

AA Pass AAA Fail

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