#840B82

#840B82

Color Values

HEX

#840B82

RGB

132, 11, 130

HSL

301.0, 84.6%, 28.0%

HSV

301.0, 91.7%, 51.8%

CMYK

0.0%, 91.7%, 1.5%, 48.2%

OKLCH

0.433 0.191 329.1

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#840B82

#0B840D

Analogous

#490B84

#840B45

#840B82

Triadic

#840B82

#82840B

#0B8284

Split Complementary

#840B82

#45840B

#0B8449

Tetradic

#840B82

#84490B

#0B840D

#0B4584

Color Blindness Simulation

Original

#840B82

Protanopia

#504F65

Deuteranopia

#57605E

Tritanopia

#7E4E49

Achromatopsia

#2D2D2D

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FAE0FA
200
#FABDF8
300
#F68EF4
400
#F051EE
500
#EB14E8
600
#BC10B9
700
#970D94
800
#760A74
900
#550C54
950
#360735

Contrast Checker

Text on white

8.93:1

AA Pass AAA Pass

Text on black

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