#842FD6

#842FD6

Color Values

HEX

#842FD6

RGB

132, 47, 214

HSL

270.5, 67.1%, 51.2%

HSV

270.5, 78.0%, 83.9%

CMYK

38.3%, 78.0%, 0.0%, 16.1%

OKLCH

0.52 0.2346 301.5

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#842FD6

#81D62F

Analogous

#302FD6

#D62FD5

#842FD6

Triadic

#842FD6

#D6842F

#2FD684

Split Complementary

#842FD6

#D5D62F

#2FD630

Tetradic

#842FD6

#D6302F

#81D62F

#2FD5D6

Color Blindness Simulation

Original

#842FD6

Protanopia

#5F5EAE

Deuteranopia

#646AA4

Tritanopia

#808E87

Achromatopsia

#4D4D4D

CSS Usage

background-color: #842FD6;
color: #842FD6;
border-color: #842FD6;
Nearest Tailwind: Purple 700 #7E22CE

Tailwind Shades

50
#F7F3FC
100
#EDE3F7
200
#DCC3F3
300
#C299EB
400
#A261E0
500
#812AD5
600
#6722AA
700
#531B88
800
#40156B
900
#31134E
950
#1F0C31

Contrast Checker

Text on white

6.25:1

AA Pass AAA Fail

Text on black

3.36:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026