#885EE3

#885EE3

Color Values

HEX

#885EE3

RGB

136, 94, 227

HSL

258.9, 70.4%, 62.9%

HSV

258.9, 58.6%, 89.0%

CMYK

40.1%, 58.6%, 0.0%, 11.0%

OKLCH

0.5923 0.1934 294.3

Properties

Cool Light Nearest: slateblue 2

Color Harmonies

Complementary

#885EE3

#B9E35E

Analogous

#5E76E3

#CA5EE3

#885EE3

Triadic

#885EE3

#E3885E

#5EE388

Split Complementary

#885EE3

#E3CA5E

#76E35E

Tetradic

#885EE3

#E35E76

#B9E35E

#5EE3CA

Color Blindness Simulation

Original

#885EE3

Protanopia

#7675C3

Deuteranopia

#787BBB

Tritanopia

#86A9A4

Achromatopsia

#717171

CSS Usage

background-color: #885EE3;
color: #885EE3;
border-color: #885EE3;
Nearest Tailwind: Violet 500 #8B5CF6

Tailwind Shades

50
#F6F3FC
100
#E9E2F8
200
#D2C2F4
300
#B297ED
400
#885EE3
500
#5E26D9
600
#4B1EAE
700
#3C188B
800
#2F136D
900
#25124F
950
#170B32

Contrast Checker

Text on white

4.41:1

AA Fail AAA Fail

Text on black

4.76: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