#B100FF

#B100FF

Color Values

HEX

#B100FF

RGB

177, 0, 255

HSL

281.6, 100.0%, 50.0%

HSV

281.6, 100.0%, 100.0%

CMYK

30.6%, 100.0%, 0.0%, 0.0%

OKLCH

0.5904 0.3001 309.0

Properties

Cool Dark Nearest: purple 1

Color Harmonies

Complementary

#B100FF

#4EFF00

Analogous

#3100FF

#FF00CE

#B100FF

Triadic

#B100FF

#FFB100

#00FFB1

Split Complementary

#B100FF

#CEFF00

#00FF31

Tetradic

#B100FF

#FF3100

#4EFF00

#00CEFF

Color Blindness Simulation

Original

#B100FF

Protanopia

#6463C1

Deuteranopia

#6F7CB2

Tritanopia

#A89186

Achromatopsia

#383838

CSS Usage

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

Tailwind Shades

50
#FAF1FE
100
#F3DEFC
200
#E9B8FF
300
#D985FF
400
#C542FF
500
#B100FF
600
#8D00CC
700
#7100A3
800
#580080
900
#41055C
950
#29033A

Contrast Checker

Text on white

4.87:1

AA Pass AAA Fail

Text on black

4.31:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026