#84489D

#84489D

Color Values

HEX

#84489D

RGB

132, 72, 157

HSL

282.4, 37.1%, 44.9%

HSV

282.4, 54.1%, 61.6%

CMYK

15.9%, 54.1%, 0.0%, 38.4%

OKLCH

0.5098 0.1426 315.0

Properties

Cool Dark Nearest: Vivid Violet

Color Harmonies

Complementary

#84489D

#619D48

Analogous

#5A489D

#9D488B

#84489D

Triadic

#84489D

#9D8448

#489D84

Split Complementary

#84489D

#8B9D48

#489D5A

Tetradic

#84489D

#9D5A48

#619D48

#488B9D

Color Blindness Simulation

Original

#84489D

Protanopia

#6A6988

Deuteranopia

#6E7284

Tritanopia

#817875

Achromatopsia

#5B5B5B

CSS Usage

background-color: #84489D;
color: #84489D;
border-color: #84489D;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#F8F5FA
100
#EFE8F3
200
#E1CEE9
300
#CBABD9
400
#AF7EC4
500
#9350AF
600
#76408C
700
#5E3370
800
#4A2857
900
#372041
950
#231429

Contrast Checker

Text on white

6.19:1

AA Pass AAA Fail

Text on black

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