#840576

#840576

Color Values

HEX

#840576

RGB

132, 5, 118

HSL

306.6, 92.7%, 26.9%

HSV

306.6, 96.2%, 51.8%

CMYK

0.0%, 96.2%, 10.6%, 48.2%

OKLCH

0.4234 0.1856 334.2

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#840576

#058413

Analogous

#530584

#840537

#840576

Triadic

#840576

#768405

#057684

Split Complementary

#840576

#378405

#058453

Tetradic

#840576

#845305

#058413

#053784

Color Blindness Simulation

Original

#840576

Protanopia

#4D4C5B

Deuteranopia

#545E54

Tritanopia

#7E4540

Achromatopsia

#282828

CSS Usage

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

Tailwind Shades

50
#FDF1FC
100
#FBDFF8
200
#FCBAF5
300
#FB89EE
400
#F849E5
500
#F609DC
600
#C507B0
700
#9D068D
800
#7B056E
900
#590850
950
#380533

Contrast Checker

Text on white

9.27:1

AA Pass AAA Pass

Text on black

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