#BD3ABC

#BD3ABC

Color Values

HEX

#BD3ABC

RGB

189, 58, 188

HSL

300,5, 53,0%, 48,4%

HSV

300,5, 69,3%, 74,1%

CMYK

0,0%, 69,3%, 0,5%, 25,9%

OKLCH

0,5879 0,2194 328,2

Properties

Warm Dark Nearest: mediumorchid 3

Color Harmonies

Complementary

#BD3ABC

#3ABD3B

Analogous

#7D3ABD

#BD3A7A

#BD3ABC

Triadic

#BD3ABC

#BCBD3A

#3ABCBD

Split Complementary

#BD3ABC

#7ABD3A

#3ABD7D

Tetradic

#BD3ABC

#BD7D3A

#3ABD3B

#3A7ABD

Color Blindness Simulation

Original

#BD3ABC

Protanopia

#84839D

Deuteranopia

#8C9695

Tritanopia

#B6847E

Achromatopsia

#5F5F5F

CSS Usage

background-color: #BD3ABC;
color: #BD3ABC;
border-color: #BD3ABC;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#FBF4FB
100
#F5E5F5
200
#EEC8EE
300
#E2A1E2
400
#D36FD2
500
#C33CC2
600
#9C309B
700
#7D267C
800
#621E61
900
#481947
950
#2D102D

Contrast Checker

Text on white

4,67:1

AA Pass AAA Fail

Text on black

4,5:1

AA Fail 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