#BF50F2

#BF50F2

Color Values

HEX

#BF50F2

RGB

191, 80, 242

HSL

281.1, 86.2%, 63.1%

HSV

281.1, 66.9%, 94.9%

CMYK

21.1%, 66.9%, 0.0%, 5.1%

OKLCH

0.6447 0.2402 313.2

Properties

Cool Light Nearest: darkorchid 2

Color Harmonies

Complementary

#BF50F2

#83F250

Analogous

#6E50F2

#F250D4

#BF50F2

Triadic

#BF50F2

#F2BF50

#50F2BF

Split Complementary

#BF50F2

#D4F250

#50F26E

Tetradic

#BF50F2

#F26E50

#83F250

#50D4F2

Color Blindness Simulation

Original

#BF50F2

Protanopia

#8F8ECB

Deuteranopia

#959EC1

Tritanopia

#B9ACA5

Achromatopsia

#737373

CSS Usage

background-color: #BF50F2;
color: #BF50F2;
border-color: #BF50F2;
Nearest Tailwind: Purple 500 #A855F7

Tailwind Shades

50
#F9F2FD
100
#F2E0FA
200
#E7BDFA
300
#D58DF7
400
#BF4FF2
500
#A812ED
600
#870EBE
700
#6C0B98
800
#540977
900
#3E0B56
950
#270736

Contrast Checker

Text on white

3.72:1

AA Fail AAA Fail

Text on black

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