#84228B

#84228B

Color Values

HEX

#84228B

RGB

132, 34, 139

HSL

296.0, 60.7%, 33.9%

HSV

296.0, 75.5%, 54.5%

CMYK

5.0%, 75.5%, 0.0%, 45.5%

OKLCH

0.4529 0.1794 325.1

Properties

Cool Dark Nearest: purple

Color Harmonies

Complementary

#84228B

#298B22

Analogous

#4F228B

#8B225D

#84228B

Triadic

#84228B

#8B8422

#228B84

Split Complementary

#84228B

#5D8B22

#228B4F

Tetradic

#84228B

#8B4F22

#298B22

#225D8B

Color Blindness Simulation

Original

#84228B

Protanopia

#5A5972

Deuteranopia

#5F676C

Tritanopia

#7F5E59

Achromatopsia

#3E3E3E

CSS Usage

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

Tailwind Shades

50
#FBF3FB
100
#F5E4F6
200
#EEC6F1
300
#E29DE7
400
#D267DA
500
#C332CD
600
#9C28A4
700
#7D2083
800
#611966
900
#47164B
950
#2D0E2F

Contrast Checker

Text on white

8.13:1

AA Pass AAA Pass

Text on black

2.58:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026