#894786

#894786

Color Values

HEX

#894786

RGB

137, 71, 134

HSL

302.7, 31.7%, 40.8%

HSV

302.7, 48.2%, 53.7%

CMYK

0.0%, 48.2%, 2.2%, 46.3%

OKLCH

0.5023 0.1229 328.9

Properties

Warm Dark Nearest: orchid 4

Color Harmonies

Complementary

#894786

#47894A

Analogous

#6B4789

#894765

#894786

Triadic

#894786

#868947

#478689

Split Complementary

#894786

#658947

#47896B

Tetradic

#894786

#896B47

#47894A

#476589

Color Blindness Simulation

Original

#894786

Protanopia

#6C6C77

Deuteranopia

#707573

Tritanopia

#866B68

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#F9F5F9
100
#F2E8F2
200
#E7D0E6
300
#D5AED3
400
#BF83BC
500
#A857A4
600
#864683
700
#6B3869
800
#542C52
900
#3E233D
950
#271627

Contrast Checker

Text on white

6.35:1

AA Pass AAA Fail

Text on black

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