#BD42FF

#BD42FF

Color Values

HEX

#BD42FF

RGB

189, 66, 255

HSL

279.0, 100.0%, 62.9%

HSV

279.0, 74.1%, 100.0%

CMYK

25.9%, 74.1%, 0.0%, 0.0%

OKLCH

0.6373 0.267 310.5

Properties

Cool Light Nearest: darkorchid 1

Color Harmonies

Complementary

#BD42FF

#84FF42

Analogous

#5E42FF

#FF42E3

#BD42FF

Triadic

#BD42FF

#FFBD42

#42FFBD

Split Complementary

#BD42FF

#E3FF42

#42FF5E

Tetradic

#BD42FF

#FF5E42

#84FF42

#42E3FF

Color Blindness Simulation

Original

#BD42FF

Protanopia

#8887D1

Deuteranopia

#8F98C6

Tritanopia

#B7ADA5

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#F9F1FE
100
#F2DEFC
200
#E6B8FF
300
#D485FF
400
#BD42FF
500
#A600FF
600
#8500CC
700
#6A00A3
800
#530080
900
#3E055C
950
#27033A

Contrast Checker

Text on white

3.9:1

AA Fail AAA Fail

Text on black

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