#840386

#840386

Color Values

HEX

#840386

RGB

132, 3, 134

HSL

299.1, 95.6%, 26.9%

HSV

299.1, 97.8%, 52.5%

CMYK

1.5%, 97.8%, 0.0%, 47.5%

OKLCH

0.4328 0.1977 327.6

Properties

Cool Dark Nearest: purple

Color Harmonies

Complementary

#840386

#058603

Analogous

#430386

#860347

#840386

Triadic

#840386

#868403

#038684

Split Complementary

#840386

#478603

#038643

Tetradic

#840386

#864303

#058603

#034786

Color Blindness Simulation

Original

#840386

Protanopia

#4C4B66

Deuteranopia

#545D5F

Tritanopia

#7E4D48

Achromatopsia

#282828

CSS Usage

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

Tailwind Shades

50
#FDF1FE
100
#FBDFFC
200
#FCB9FD
300
#FB87FC
400
#F846FB
500
#F606F9
600
#C504C8
700
#9D04A0
800
#7B037D
900
#59075A
950
#380439

Contrast Checker

Text on white

8.98:1

AA Pass AAA Pass

Text on black

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