#BD71FC

#BD71FC

Color Values

HEX

#BD71FC

RGB

189, 113, 252

HSL

272.8, 95.9%, 71.6%

HSV

272.8, 55.2%, 98.8%

CMYK

25.0%, 55.2%, 0.0%, 1.2%

OKLCH

0.69 0.2047 307.1

Properties

Cool Light Nearest: mediumorchid 2

Color Harmonies

Complementary

#BD71FC

#B0FC71

Analogous

#7871FC

#FC71F6

#BD71FC

Triadic

#BD71FC

#FCBD71

#71FCBD

Split Complementary

#BD71FC

#F6FC71

#71FC78

Tetradic

#BD71FC

#FC7871

#B0FC71

#71F6FC

Color Blindness Simulation

Original

#BD71FC

Protanopia

#9C9BDA

Deuteranopia

#A0A6D2

Tritanopia

#B9C0BA

Achromatopsia

#8B8B8B

CSS Usage

background-color: #BD71FC;
color: #BD71FC;
border-color: #BD71FC;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#F8F1FE
100
#EFDFFC
200
#DEB9FE
300
#C787FC
400
#A946FB
500
#8B05FA
600
#6F04C8
700
#5903A0
800
#45037D
900
#34075A
950
#210439

Contrast Checker

Text on white

3.03:1

AA Fail AAA Fail

Text on black

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