#BD6ABF

#BD6ABF

Color Values

HEX

#BD6ABF

RGB

189, 106, 191

HSL

298.6, 39.9%, 58.2%

HSV

298.6, 44.5%, 74.9%

CMYK

1.0%, 44.5%, 0.0%, 25.1%

OKLCH

0.6477 0.1517 326.3

Properties

Cool Light Nearest: orchid 3

Color Harmonies

Complementary

#BD6ABF

#6CBF6A

Analogous

#926ABF

#BF6A96

#BD6ABF

Triadic

#BD6ABF

#BFBD6A

#6ABFBD

Split Complementary

#BD6ABF

#96BF6A

#6ABF92

Tetradic

#BD6ABF

#BF926A

#6CBF6A

#6A96BF

Color Blindness Simulation

Original

#BD6ABF

Protanopia

#9998AA

Deuteranopia

#9EA4A6

Tritanopia

#B99A97

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#FAF5FA
100
#F3E7F3
200
#E9CDEA
300
#D9A9DA
400
#C57BC6
500
#B04DB2
600
#8D3D8F
700
#713172
800
#582659
900
#411F42
950
#29142A

Contrast Checker

Text on white

3.51:1

AA Fail AAA Fail

Text on black

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