#824673

#824673

Color Values

HEX

#824673

RGB

130, 70, 115

HSL

315.0, 30.0%, 39.2%

HSV

315.0, 46.2%, 51.0%

CMYK

0.0%, 46.2%, 11.5%, 49.0%

OKLCH

0.4827 0.1017 337.1

Properties

Warm Dark Nearest: RAL 4008 Signal Violet

Color Harmonies

Complementary

#824673

#468255

Analogous

#734682

#824655

#824673

Triadic

#824673

#738246

#467382

Split Complementary

#824673

#558246

#468273

Tetradic

#824673

#827346

#468255

#465582

Color Blindness Simulation

Original

#824673

Protanopia

#686768

Deuteranopia

#6C7066

Tritanopia

#7F605E

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#F9F5F8
100
#F2E9EF
200
#E6D1E1
300
#D4AFCB
400
#BD84AF
500
#A65993
600
#854775
700
#6A395E
800
#532D49
900
#3E2337
950
#271623

Contrast Checker

Text on white

6.83:1

AA Pass AAA Fail

Text on black

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