#854380

#854380

Color Values

HEX

#854380

RGB

133, 67, 128

HSL

304.5, 33.0%, 39.2%

HSV

304.5, 49.6%, 52.2%

CMYK

0.0%, 49.6%, 3.8%, 47.8%

OKLCH

0.488 0.1214 330.1

Properties

Warm Dark Nearest: Plum

Color Harmonies

Complementary

#854380

#438548

Analogous

#694385

#85435F

#854380

Triadic

#854380

#808543

#438085

Split Complementary

#854380

#5F8543

#438569

Tetradic

#854380

#856943

#438548

#435F85

Color Blindness Simulation

Original

#854380

Protanopia

#686871

Deuteranopia

#6C716E

Tritanopia

#826663

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#F9F5F9
100
#F2E8F1
200
#E7D0E5
300
#D6AED3
400
#C082BB
500
#AA55A3
600
#884483
700
#6D3768
800
#552B52
900
#3F223D
950
#281626

Contrast Checker

Text on white

6.75:1

AA Pass AAA Fail

Text on black

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