#824484

#824484

Color Values

HEX

#824484

RGB

130, 68, 132

HSL

298.1, 32.0%, 39.2%

HSV

298.1, 48.5%, 51.8%

CMYK

1.5%, 48.5%, 0.0%, 48.2%

OKLCH

0.4875 0.1215 326.1

Properties

Cool Dark Nearest: orchid 4

Color Harmonies

Complementary

#824484

#468444

Analogous

#624484

#844466

#824484

Triadic

#824484

#848244

#448482

Split Complementary

#824484

#668444

#448462

Tetradic

#824484

#846244

#468444

#446684

Color Blindness Simulation

Original

#824484

Protanopia

#676775

Deuteranopia

#6B6F71

Tritanopia

#7F6866

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#F9F5F9
100
#F2E8F2
200
#E6D0E7
300
#D4AED5
400
#BD82BF
500
#A657A8
600
#854587
700
#6A376C
800
#532B54
900
#3E223E
950
#271627

Contrast Checker

Text on white

6.75:1

AA Pass AAA Fail

Text on black

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