#B500F7

#B500F7

Color Values

HEX

#B500F7

RGB

181, 0, 247

HSL

284.0, 100.0%, 48.4%

HSV

284.0, 100.0%, 96.9%

CMYK

26.7%, 100.0%, 0.0%, 3.1%

OKLCH

0.5894 0.2952 311.8

Properties

Cool Dark Nearest: purple 1

Color Harmonies

Complementary

#B500F7

#42F700

Analogous

#3A00F7

#F700BD

#B500F7

Triadic

#B500F7

#F7B500

#00F7B5

Split Complementary

#B500F7

#BDF700

#00F73A

Tetradic

#B500F7

#F73A00

#42F700

#00BDF7

Color Blindness Simulation

Original

#B500F7

Protanopia

#6765BB

Deuteranopia

#717FAD

Tritanopia

#AC8C82

Achromatopsia

#383838

CSS Usage

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

Tailwind Shades

50
#FAF1FE
100
#F4DEFC
200
#ECB8FF
300
#DE85FF
400
#CD42FF
500
#BB00FF
600
#9600CC
700
#7800A3
800
#5E0080
900
#45055C
950
#2B033A

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