#8B2DF0

#8B2DF0

Color Values

HEX

#8B2DF0

RGB

139, 45, 240

HSL

268,9, 86,7%, 55,9%

HSV

268,9, 81,2%, 94,1%

CMYK

42,1%, 81,2%, 0,0%, 5,9%

OKLCH

0,5484 0,2619 298,8

Properties

Cool Dark Nearest: purple 2

Color Harmonies

Complementary

#8B2DF0

#92F02D

Analogous

#2D31F0

#EC2DF0

#8B2DF0

Triadic

#8B2DF0

#F08B2D

#2DF08B

Split Complementary

#8B2DF0

#F0EC2D

#31F02D

Tetradic

#8B2DF0

#F02D31

#92F02D

#2DF0EC

Color Blindness Simulation

Original

#8B2DF0

Protanopia

#6261C1

Deuteranopia

#686FB6

Tritanopia

#869C93

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#F7F2FD
100
#EDE0FA
200
#DABCFA
300
#C08DF7
400
#9E4FF2
500
#7B11EE
600
#630EBE
700
#4F0B98
800
#3E0877
900
#2F0B56
950
#1E0736

Contrast Checker

Text on white

5,63:1

AA Pass AAA Fail

Text on black

3,73:1

AA Fail 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