#BD6CD5

#BD6CD5

Color Values

HEX

#BD6CD5

RGB

189, 108, 213

HSL

286.3, 55.6%, 62.9%

HSV

286.3, 49.3%, 83.5%

CMYK

11.3%, 49.3%, 0.0%, 16.5%

OKLCH

0.6614 0.1705 318.1

Properties

Cool Light Nearest: orchid 3

Color Harmonies

Complementary

#BD6CD5

#84D56C

Analogous

#886CD5

#D56CB8

#BD6CD5

Triadic

#BD6CD5

#D5BD6C

#6CD5BD

Split Complementary

#BD6CD5

#B8D56C

#6CD588

Tetradic

#BD6CD5

#D5886C

#84D56C

#6CB8D5

Color Blindness Simulation

Original

#BD6CD5

Protanopia

#9A99BC

Deuteranopia

#9FA5B6

Tritanopia

#B9A8A3

Achromatopsia

#858585

CSS Usage

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

Tailwind Shades

50
#F9F4FB
100
#F2E5F6
200
#E6C7EF
300
#D4A0E4
400
#BD6CD5
500
#A639C6
600
#852D9F
700
#6A247F
800
#531C63
900
#3E1849
950
#270F2E

Contrast Checker

Text on white

3.35:1

AA Fail AAA Fail

Text on black

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