#894DA6

#894DA6

Color Values

HEX

#894DA6

RGB

137, 77, 166

HSL

280.4, 36.6%, 47.6%

HSV

280.4, 53.6%, 65.1%

CMYK

17.5%, 53.6%, 0.0%, 34.9%

OKLCH

0.5286 0.1466 313.6

Properties

Cool Dark Nearest: Vivid Violet

Color Harmonies

Complementary

#894DA6

#6AA64D

Analogous

#5C4DA6

#A64D96

#894DA6

Triadic

#894DA6

#A6894D

#4DA689

Split Complementary

#894DA6

#96A64D

#4DA65C

Tetradic

#894DA6

#A65C4D

#6AA64D

#4D96A6

Color Blindness Simulation

Original

#894DA6

Protanopia

#6F6E90

Deuteranopia

#72778B

Tritanopia

#867F7C

Achromatopsia

#606060

CSS Usage

background-color: #894DA6;
color: #894DA6;
border-color: #894DA6;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#F8F5FA
100
#EFE8F3
200
#E0CEE8
300
#CAABD8
400
#AD7EC3
500
#9051AE
600
#73418B
700
#5C346F
800
#482857
900
#362040
950
#221529

Contrast Checker

Text on white

5.71:1

AA Pass AAA Fail

Text on black

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