#804C77

#804C77

Color Values

HEX

#804C77

RGB

128, 76, 119

HSL

310.4, 25.5%, 40.0%

HSV

310.4, 40.6%, 50.2%

CMYK

0.0%, 40.6%, 7.0%, 49.8%

OKLCH

0.492 0.0922 333.4

Properties

Warm Dark Nearest: RAL 4008 Signal Violet

Color Harmonies

Complementary

#804C77

#4C8055

Analogous

#6F4C80

#804C5D

#804C77

Triadic

#804C77

#77804C

#4C7780

Split Complementary

#804C77

#5D804C

#4C806F

Tetradic

#804C77

#806F4C

#4C8055

#4C5D80

Color Blindness Simulation

Original

#804C77

Protanopia

#69696D

Deuteranopia

#6C706A

Tritanopia

#7D6463

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#F9F6F8
100
#F1E9F0
200
#E4D2E1
300
#D1B2CC
400
#B989B0
500
#A05F95
600
#804C77
700
#663D5F
800
#502F4A
900
#3C2538
950
#261823

Contrast Checker

Text on white

6.53:1

AA Pass AAA Fail

Text on black

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