#8954EE

#8954EE

Color Values

HEX

#8954EE

RGB

137, 84, 238

HSL

260.6, 81.9%, 63.1%

HSV

260.6, 64.7%, 93.3%

CMYK

42.4%, 64.7%, 0.0%, 6.7%

OKLCH

0.5866 0.2196 294.5

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#8954EE

#B9EE54

Analogous

#546CEE

#D654EE

#8954EE

Triadic

#8954EE

#EE8954

#54EE89

Split Complementary

#8954EE

#EED654

#6CEE54

Tetradic

#8954EE

#EE546C

#B9EE54

#54EED6

Color Blindness Simulation

Original

#8954EE

Protanopia

#7272C9

Deuteranopia

#7579C0

Tritanopia

#86ABA5

Achromatopsia

#6A6A6A

CSS Usage

background-color: #8954EE;
color: #8954EE;
border-color: #8954EE;
Nearest Tailwind: Violet 500 #8B5CF6

Tailwind Shades

50
#F6F2FD
100
#E9E1FA
200
#D2BEF9
300
#B290F4
400
#8853EE
500
#5F17E8
600
#4C12BA
700
#3D0F94
800
#2F0C74
900
#250D54
950
#180835

Contrast Checker

Text on white

4.6:1

AA Pass AAA Fail

Text on black

4.57:1

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