#840577

#840577

Color Values

HEX

#840577

RGB

132, 5, 119

HSL

306.1, 92.7%, 26.9%

HSV

306.1, 96.2%, 51.8%

CMYK

0.0%, 96.2%, 9.8%, 48.2%

OKLCH

0.424 0.1863 333.7

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#840577

#058412

Analogous

#520584

#840538

#840577

Triadic

#840577

#778405

#057784

Split Complementary

#840577

#388405

#058452

Tetradic

#840577

#845205

#058412

#053884

Color Blindness Simulation

Original

#840577

Protanopia

#4D4C5B

Deuteranopia

#545E55

Tritanopia

#7E4641

Achromatopsia

#282828

CSS Usage

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

Tailwind Shades

50
#FDF1FC
100
#FBDFF8
200
#FCBAF6
300
#FB89EF
400
#F849E6
500
#F609DE
600
#C507B1
700
#9D068E
800
#7B056F
900
#590851
950
#380533

Contrast Checker

Text on white

9.25:1

AA Pass AAA Pass

Text on black

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