#BD6CF5

#BD6CF5

Color Values

HEX

#BD6CF5

RGB

189, 108, 245

HSL

275,5, 87,3%, 69,2%

HSV

275,5, 55,9%, 96,1%

CMYK

22,9%, 55,9%, 0,0%, 3,9%

OKLCH

0,6789 0,2045 309,3

Properties

Cool Light Nearest: mediumorchid 2

Color Harmonies

Complementary

#BD6CF5

#A4F56C

Analogous

#786CF5

#F56CE8

#BD6CF5

Triadic

#BD6CF5

#F5BD6C

#6CF5BD

Split Complementary

#BD6CF5

#E8F56C

#6CF578

Tetradic

#BD6CF5

#F5786C

#A4F56C

#6CE8F5

Color Blindness Simulation

Original

#BD6CF5

Protanopia

#9A99D4

Deuteranopia

#9FA5CC

Tritanopia

#B9BAB4

Achromatopsia

#878787

CSS Usage

background-color: #BD6CF5;
color: #BD6CF5;
border-color: #BD6CF5;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#F8F2FD
100
#F0E0FA
200
#E1BCFA
300
#CC8CF7
400
#B04EF3
500
#9410EF
600
#760DBF
700
#5F0A99
800
#4A0877
900
#370A57
950
#230737

Contrast Checker

Text on white

3,17:1

AA Fail AAA Fail

Text on black

6,63:1

AA Pass AAA Fail

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