#840D85

#840D85

Color Values

HEX

#840D85

RGB

132, 13, 133

HSL

299.5, 82.2%, 28.6%

HSV

299.5, 90.2%, 52.2%

CMYK

0.8%, 90.2%, 0.0%, 47.8%

OKLCH

0.4358 0.1921 327.9

Properties

Cool Dark Nearest: purple

Color Harmonies

Complementary

#840D85

#0E850D

Analogous

#480D85

#850D4A

#840D85

Triadic

#840D85

#85840D

#0D8584

Split Complementary

#840D85

#4A850D

#0D8548

Tetradic

#840D85

#85480D

#0E850D

#0D4A85

Color Blindness Simulation

Original

#840D85

Protanopia

#504F68

Deuteranopia

#576061

Tritanopia

#7E514C

Achromatopsia

#2F2F2F

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#F9E1FA
200
#F8BEF9
300
#F38FF4
400
#ED53EE
500
#E717E8
600
#B812BA
700
#940F95
800
#730B74
900
#540D54
950
#350835

Contrast Checker

Text on white

8.83:1

AA Pass AAA Pass

Text on black

2.38:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026