#824876

#824876

Color Values

HEX

#824876

RGB

130, 72, 118

HSL

312.4, 28.7%, 39.6%

HSV

312.4, 44.6%, 51.0%

CMYK

0.0%, 44.6%, 9.2%, 49.0%

OKLCH

0.4873 0.1006 335.1

Properties

Warm Dark Nearest: RAL 4008 Signal Violet

Color Harmonies

Complementary

#824876

#488254

Analogous

#714882

#824859

#824876

Triadic

#824876

#768248

#487682

Split Complementary

#824876

#598248

#488271

Tetradic

#824876

#827148

#488254

#485982

Color Blindness Simulation

Original

#824876

Protanopia

#69686B

Deuteranopia

#6C7168

Tritanopia

#7F6260

Achromatopsia

#585858

CSS Usage

background-color: #824876;
color: #824876;
border-color: #824876;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#F9F5F8
100
#F2E9F0
200
#E6D1E1
300
#D3B0CC
400
#BC86B1
500
#A45B95
600
#834977
700
#693A5F
800
#522D4A
900
#3D2438
950
#271723

Contrast Checker

Text on white

6.69:1

AA Pass AAA Fail

Text on black

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