#BD7CF5

#BD7CF5

Color Values

HEX

#BD7CF5

RGB

189, 124, 245

HSL

272.2, 85.8%, 72.4%

HSV

272.2, 49.4%, 96.1%

CMYK

22.9%, 49.4%, 0.0%, 3.9%

OKLCH

0.7024 0.1802 307.2

Properties

Cool Light Nearest: mediumpurple 1

Color Harmonies

Complementary

#BD7CF5

#B4F57C

Analogous

#817CF5

#F57CF1

#BD7CF5

Triadic

#BD7CF5

#F5BD7C

#7CF5BD

Split Complementary

#BD7CF5

#F1F57C

#7CF581

Tetradic

#BD7CF5

#F5817C

#B4F57C

#7CF1F5

Color Blindness Simulation

Original

#BD7CF5

Protanopia

#A1A0D8

Deuteranopia

#A5A9D1

Tritanopia

#BAC1BC

Achromatopsia

#939393

CSS Usage

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

Tailwind Shades

50
#F8F2FD
100
#EEE0FA
200
#DEBDFA
300
#C68DF6
400
#A750F2
500
#8812ED
600
#6C0EBE
700
#570C98
800
#440976
900
#330B56
950
#200736

Contrast Checker

Text on white

2.85:1

AA Fail AAA Fail

Text on black

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