#824F76

#824F76

Color Values

HEX

#824F76

RGB

130, 79, 118

HSL

314.1, 24.4%, 41.0%

HSV

314.1, 39.2%, 51.0%

CMYK

0.0%, 39.2%, 9.2%, 49.0%

OKLCH

0.4994 0.0873 335.9

Properties

Warm Dark Nearest: RAL 4008 Signal Violet

Color Harmonies

Complementary

#824F76

#4F825B

Analogous

#754F82

#824F5D

#824F76

Triadic

#824F76

#76824F

#4F7682

Split Complementary

#824F76

#5D824F

#4F8275

Tetradic

#824F76

#82754F

#4F825B

#4F5D82

Color Blindness Simulation

Original

#824F76

Protanopia

#6C6B6D

Deuteranopia

#6F736A

Tritanopia

#7F6563

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#F9F6F8
100
#F1E9EF
200
#E4D3E0
300
#D1B3CA
400
#B88AAD
500
#9F6090
600
#7F4D73
700
#663E5C
800
#4F3048
900
#3B2636
950
#251822

Contrast Checker

Text on white

6.31:1

AA Pass AAA Fail

Text on black

3.33:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026