#894BBA

#894BBA

Color Values

HEX

#894BBA

RGB

137, 75, 186

HSL

273.5, 44.6%, 51.2%

HSV

273.5, 59.7%, 72.9%

CMYK

26.3%, 59.7%, 0.0%, 27.1%

OKLCH

0.5379 0.1724 307.3

Properties

Cool Dark Nearest: NCS S 2050-R50B Purple

Color Harmonies

Complementary

#894BBA

#7CBA4B

Analogous

#524BBA

#BA4BB4

#894BBA

Triadic

#894BBA

#BA894B

#4BBA89

Split Complementary

#894BBA

#B4BA4B

#4BBA52

Tetradic

#894BBA

#BA524B

#7CBA4B

#4BB4BA

Color Blindness Simulation

Original

#894BBA

Protanopia

#6E6E9F

Deuteranopia

#727699

Tritanopia

#868A85

Achromatopsia

#606060

CSS Usage

background-color: #894BBA;
color: #894BBA;
border-color: #894BBA;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F8F4FA
100
#EEE6F4
200
#DDCBEB
300
#C5A7DD
400
#A677CB
500
#8647B8
600
#6B3993
700
#562D76
800
#43235C
900
#331D44
950
#20122B

Contrast Checker

Text on white

5.56:1

AA Pass AAA Fail

Text on black

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