#BF40C3

#BF40C3

Color Values

HEX

#BF40C3

RGB

191, 64, 195

HSL

298.2, 52.2%, 50.8%

HSV

298.2, 67.2%, 76.5%

CMYK

2.1%, 67.2%, 0.0%, 23.5%

OKLCH

0.6002 0.2188 326.6

Properties

Cool Light Nearest: mediumorchid

Color Harmonies

Complementary

#BF40C3

#44C340

Analogous

#7E40C3

#C34085

#BF40C3

Triadic

#BF40C3

#C3BF40

#40C3BF

Split Complementary

#BF40C3

#85C340

#40C37E

Tetradic

#BF40C3

#C37E40

#44C340

#4085C3

Color Blindness Simulation

Original

#BF40C3

Protanopia

#8887A3

Deuteranopia

#8F999C

Tritanopia

#B98A85

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#FBF4FB
100
#F5E5F5
200
#EDC9EE
300
#E0A2E2
400
#CF6FD2
500
#BE3DC2
600
#98319B
700
#7A277C
800
#5F1E61
900
#461A47
950
#2C102D

Contrast Checker

Text on white

4.43:1

AA Fail AAA Fail

Text on black

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