#891282

#891282

Color Values

HEX

#891282

RGB

137, 18, 130

HSL

303.5, 76.8%, 30.4%

HSV

303.5, 86.9%, 53.7%

CMYK

0.0%, 86.9%, 5.1%, 46.3%

OKLCH

0.4445 0.189 331.0

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#891282

#128919

Analogous

#541289

#891247

#891282

Triadic

#891282

#828912

#128289

Split Complementary

#891282

#478912

#128954

Tetradic

#891282

#895412

#128919

#124789

Color Blindness Simulation

Original

#891282

Protanopia

#555467

Deuteranopia

#5C6560

Tritanopia

#83514D

Achromatopsia

#333333

CSS Usage

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

Tailwind Shades

50
#FCF2FC
100
#F9E1F7
200
#F7C0F4
300
#F193EB
400
#E958E1
500
#E11ED6
600
#B418AB
700
#901389
800
#710F6B
900
#520F4E
950
#340931

Contrast Checker

Text on white

8.49:1

AA Pass AAA Pass

Text on black

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