#BD33FF

#BD33FF

Color Values

HEX

#BD33FF

RGB

189, 51, 255

HSL

280,6, 100,0%, 60,0%

HSV

280,6, 80,0%, 100,0%

CMYK

25,9%, 80,0%, 0,0%, 0,0%

OKLCH

0,6256 0,2804 311,3

Properties

Cool Light Nearest: darkorchid 1

Color Harmonies

Complementary

#BD33FF

#75FF33

Analogous

#5733FF

#FF33DB

#BD33FF

Triadic

#BD33FF

#FFBD33

#33FFBD

Split Complementary

#BD33FF

#DBFF33

#33FF57

Tetradic

#BD33FF

#FF5733

#75FF33

#33DBFF

Color Blindness Simulation

Original

#BD33FF

Protanopia

#8180CE

Deuteranopia

#8994C2

Tritanopia

#B6A79E

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#FAF1FE
100
#F3DEFC
200
#E8B8FF
300
#D785FF
400
#C242FF
500
#AD00FF
600
#8A00CC
700
#6E00A3
800
#560080
900
#40055C
950
#28033A

Contrast Checker

Text on white

4,13:1

AA Fail AAA Fail

Text on black

5,08: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