#BD67C3

#BD67C3

Color Values

HEX

#BD67C3

RGB

189, 103, 195

HSL

296.1, 43.4%, 58.4%

HSV

296.1, 47.2%, 76.5%

CMYK

3.1%, 47.2%, 0.0%, 23.5%

OKLCH

0.6452 0.1606 324.8

Properties

Cool Light Nearest: orchid 3

Color Harmonies

Complementary

#BD67C3

#6DC367

Analogous

#8F67C3

#C3679B

#BD67C3

Triadic

#BD67C3

#C3BD67

#67C3BD

Split Complementary

#BD67C3

#9BC367

#67C38F

Tetradic

#BD67C3

#C38F67

#6DC367

#679BC3

Color Blindness Simulation

Original

#BD67C3

Protanopia

#9897AD

Deuteranopia

#9DA3A7

Tritanopia

#B99B97

Achromatopsia

#808080

CSS Usage

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

Tailwind Shades

50
#FAF5FA
100
#F3E7F4
200
#E9CCEB
300
#D9A7DC
400
#C478CA
500
#B048B7
600
#8D3A92
700
#702E75
800
#58245B
900
#411E43
950
#29132B

Contrast Checker

Text on white

3.56:1

AA Fail AAA Fail

Text on black

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