#8951F0

#8951F0

Color Values

HEX

#8951F0

RGB

137, 81, 240

HSL

261.1, 84.1%, 62.9%

HSV

261.1, 66.2%, 94.1%

CMYK

42.9%, 66.2%, 0.0%, 5.9%

OKLCH

0.5841 0.2256 294.5

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#8951F0

#B8F051

Analogous

#5168F0

#D851F0

#8951F0

Triadic

#8951F0

#F08951

#51F089

Split Complementary

#8951F0

#F0D851

#68F051

Tetradic

#8951F0

#F05168

#B8F051

#51F0D8

Color Blindness Simulation

Original

#8951F0

Protanopia

#7170CA

Deuteranopia

#7478C0

Tritanopia

#86ABA4

Achromatopsia

#686868

CSS Usage

background-color: #8951F0;
color: #8951F0;
border-color: #8951F0;
Nearest Tailwind: Violet 500 #8B5CF6

Tailwind Shades

50
#F6F2FD
100
#E9E0FA
200
#D2BDF9
300
#B38EF5
400
#8951F0
500
#6014EB
600
#4D10BC
700
#3D0D96
800
#300A75
900
#260C55
950
#180736

Contrast Checker

Text on white

4.67:1

AA Pass AAA Fail

Text on black

4.5:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026