#BF28BA

#BF28BA

Color Values

HEX

#BF28BA

RGB

191, 40, 186

HSL

302.0, 65.4%, 45.3%

HSV

302.0, 79.1%, 74.9%

CMYK

0.0%, 79.1%, 2.6%, 25.1%

OKLCH

0.576 0.2367 329.6

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#BF28BA

#28BF2D

Analogous

#7928BF

#BF286E

#BF28BA

Triadic

#BF28BA

#BABF28

#28BABF

Split Complementary

#BF28BA

#6EBF28

#28BF79

Tetradic

#BF28BA

#BF7928

#28BF2D

#286EBF

Color Blindness Simulation

Original

#BF28BA

Protanopia

#7E7C97

Deuteranopia

#86928E

Tritanopia

#B77B75

Achromatopsia

#535353

CSS Usage

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

Tailwind Shades

50
#FCF3FB
100
#F7E3F6
200
#F3C4F1
300
#EA9AE7
400
#DE63DA
500
#D32CCD
600
#A923A4
700
#871C83
800
#691667
900
#4D144B
950
#310D2F

Contrast Checker

Text on white

4.97:1

AA Pass AAA Fail

Text on black

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