#84227F

#84227F

Color Values

HEX

#84227F

RGB

132, 34, 127

HSL

303.1, 59.0%, 32.5%

HSV

303.1, 74.2%, 51.8%

CMYK

0.0%, 74.2%, 3.8%, 48.2%

OKLCH

0.4456 0.1696 330.2

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#84227F

#228427

Analogous

#582284

#84224E

#84227F

Triadic

#84227F

#7F8422

#227F84

Split Complementary

#84227F

#4E8422

#228458

Tetradic

#84227F

#845822

#228427

#224E84

Color Blindness Simulation

Original

#84227F

Protanopia

#5A5969

Deuteranopia

#5F6763

Tritanopia

#7F5753

Achromatopsia

#3E3E3E

CSS Usage

background-color: #84227F;
color: #84227F;
border-color: #84227F;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FBF4FB
100
#F6E4F5
200
#F0C6EE
300
#E69EE2
400
#D869D3
500
#CB34C3
600
#A22A9C
700
#82217D
800
#651A61
900
#4A1748
950
#2F0E2D

Contrast Checker

Text on white

8.35:1

AA Pass AAA Pass

Text on black

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