#894BB6

#894BB6

Color Values

HEX

#894BB6

RGB

137, 75, 182

HSL

274.8, 42.3%, 50.4%

HSV

274.8, 58.8%, 71.4%

CMYK

24.7%, 58.8%, 0.0%, 28.6%

OKLCH

0.5353 0.1679 308.5

Properties

Cool Dark Nearest: NCS S 2050-R50B Purple

Color Harmonies

Complementary

#894BB6

#78B64B

Analogous

#544BB6

#B64BAD

#894BB6

Triadic

#894BB6

#B6894B

#4BB689

Split Complementary

#894BB6

#ADB64B

#4BB654

Tetradic

#894BB6

#B6544B

#78B64B

#4BADB6

Color Blindness Simulation

Original

#894BB6

Protanopia

#6E6E9C

Deuteranopia

#727696

Tritanopia

#868883

Achromatopsia

#606060

CSS Usage

background-color: #894BB6;
color: #894BB6;
border-color: #894BB6;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#F8F5FA
100
#EEE7F4
200
#DECCEA
300
#C6A8DC
400
#A779C9
500
#884AB5
600
#6D3B91
700
#572F74
800
#44255B
900
#331E43
950
#20132A

Contrast Checker

Text on white

5.61:1

AA Pass AAA Fail

Text on black

3.75:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026