#BD3EFF

#BD3EFF

Color Values

HEX

#BD3EFF

RGB

189, 62, 255

HSL

279.5, 100.0%, 62.2%

HSV

279.5, 75.7%, 100.0%

CMYK

25.9%, 75.7%, 0.0%, 0.0%

OKLCH

0.6339 0.2708 310.8

Properties

Cool Light Nearest: darkorchid 1

Color Harmonies

Complementary

#BD3EFF

#80FF3E

Analogous

#5D3EFF

#FF3EE0

#BD3EFF

Triadic

#BD3EFF

#FFBD3E

#3EFFBD

Split Complementary

#BD3EFF

#E0FF3E

#3EFF5D

Tetradic

#BD3EFF

#FF5D3E

#80FF3E

#3EE0FF

Color Blindness Simulation

Original

#BD3EFF

Protanopia

#8685D0

Deuteranopia

#8D97C5

Tritanopia

#B7ABA3

Achromatopsia

#676767

CSS Usage

background-color: #BD3EFF;
color: #BD3EFF;
border-color: #BD3EFF;
Nearest Tailwind: Purple 600 #9333EA

Tailwind Shades

50
#F9F1FE
100
#F2DEFC
200
#E7B8FF
300
#D585FF
400
#BF42FF
500
#A800FF
600
#8600CC
700
#6B00A3
800
#540080
900
#3E055C
950
#27033A

Contrast Checker

Text on white

3.96:1

AA Fail AAA Fail

Text on black

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