#824D76

#824D76

Color Values

HEX

#824D76

RGB

130, 77, 118

HSL

313.6, 25.6%, 40.6%

HSV

313.6, 40.8%, 51.0%

CMYK

0.0%, 40.8%, 9.2%, 49.0%

OKLCH

0.4959 0.0911 335.7

Properties

Warm Dark Nearest: RAL 4008 Signal Violet

Color Harmonies

Complementary

#824D76

#4D8259

Analogous

#744D82

#824D5C

#824D76

Triadic

#824D76

#76824D

#4D7682

Split Complementary

#824D76

#5C824D

#4D8274

Tetradic

#824D76

#82744D

#4D8259

#4D5C82

Color Blindness Simulation

Original

#824D76

Protanopia

#6B6B6C

Deuteranopia

#6E726A

Tritanopia

#7F6463

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#F9F6F8
100
#F1E9EF
200
#E4D2E0
300
#D1B2CA
400
#B988AE
500
#A05F91
600
#804C74
700
#663D5D
800
#502F49
900
#3C2537
950
#261822

Contrast Checker

Text on white

6.42:1

AA Pass AAA Fail

Text on black

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