#895AC0

#895AC0

Color Values

HEX

#895AC0

RGB

137, 90, 192

HSL

267.6, 44.7%, 55.3%

HSV

267.6, 53.1%, 75.3%

CMYK

28.6%, 53.1%, 0.0%, 24.7%

OKLCH

0.5644 0.1564 303.0

Properties

Cool Dark Nearest: mediumpurple 3

Color Harmonies

Complementary

#895AC0

#91C05A

Analogous

#5A5EC0

#BC5AC0

#895AC0

Triadic

#895AC0

#C0895A

#5AC089

Split Complementary

#895AC0

#C0BC5A

#5EC05A

Tetradic

#895AC0

#C05A5E

#91C05A

#5AC0BC

Color Blindness Simulation

Original

#895AC0

Protanopia

#7574A7

Deuteranopia

#777BA1

Tritanopia

#879490

Achromatopsia

#6B6B6B

CSS Usage

background-color: #895AC0;
color: #895AC0;
border-color: #895AC0;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F7F4FA
100
#EDE6F4
200
#DACBEB
300
#C0A6DD
400
#9D76CB
500
#7B47B8
600
#623894
700
#4F2D76
800
#3D235C
900
#2F1D44
950
#1E122B

Contrast Checker

Text on white

4.9:1

AA Pass AAA Fail

Text on black

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