#BF4BF7

#BF4BF7

Color Values

HEX

#BF4BF7

RGB

191, 75, 247

HSL

280.5, 91.5%, 63.1%

HSV

280.5, 69.6%, 96.9%

CMYK

22.7%, 69.6%, 0.0%, 3.1%

OKLCH

0.6428 0.2508 312.3

Properties

Cool Light Nearest: darkorchid 2

Color Harmonies

Complementary

#BF4BF7

#83F74B

Analogous

#694BF7

#F74BD9

#BF4BF7

Triadic

#BF4BF7

#F7BF4B

#4BF7BF

Split Complementary

#BF4BF7

#D9F74B

#4BF769

Tetradic

#BF4BF7

#F7694B

#83F74B

#4BD9F7

Color Blindness Simulation

Original

#BF4BF7

Protanopia

#8D8CCD

Deuteranopia

#949CC3

Tritanopia

#B9ACA5

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#F9F1FD
100
#F2DFFB
200
#E7BBFC
300
#D58AFA
400
#BF4AF7
500
#A80BF4
600
#8709C3
700
#6C079C
800
#54057A
900
#3E0958
950
#270538

Contrast Checker

Text on white

3.77:1

AA Fail AAA Fail

Text on black

5.56:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026