#BD1FBC

#BD1FBC

Color Values

HEX

#BD1FBC

RGB

189, 31, 188

HSL

300.4, 71.8%, 43.1%

HSV

300.4, 83.6%, 74.1%

CMYK

0.0%, 83.6%, 0.5%, 25.9%

OKLCH

0.5691 0.244 328.5

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#BD1FBC

#1FBD20

Analogous

#6F1FBD

#BD1F6D

#BD1FBC

Triadic

#BD1FBC

#BCBD1F

#1FBCBD

Split Complementary

#BD1FBC

#6DBD1F

#1FBD6F

Tetradic

#BD1FBC

#BD6F1F

#1FBD20

#1F6DBD

Color Blindness Simulation

Original

#BD1FBC

Protanopia

#797796

Deuteranopia

#828E8D

Tritanopia

#B57871

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#FCF3FC
100
#F8E2F8
200
#F5C2F5
300
#EE96ED
400
#E45DE3
500
#DB24DA
600
#AF1DAE
700
#8C178B
800
#6E126D
900
#50114F
950
#320B32

Contrast Checker

Text on white

5.14:1

AA Pass AAA Fail

Text on black

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