#783271

#783271

Color Values

HEX

#783271

RGB

120, 50, 113

HSL

306.0, 41.2%, 33.3%

HSV

306.0, 58.3%, 47.1%

CMYK

0.0%, 58.3%, 5.8%, 52.9%

OKLCH

0.4375 0.1276 331.5

Properties

Warm Dark Nearest: Plum

Color Harmonies

Complementary

#783271

#327839

Analogous

#5C3278

#78324E

#783271

Triadic

#783271

#717832

#327178

Split Complementary

#783271

#4E7832

#32785C

Tetradic

#783271

#785C32

#327839

#324E78

Color Blindness Simulation

Original

#783271

Protanopia

#5A5962

Deuteranopia

#5E635E

Tritanopia

#745653

Achromatopsia

#454545

CSS Usage

background-color: #783271;
color: #783271;
border-color: #783271;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FAF5F9
100
#F3E7F2
200
#EACDE7
300
#DBA9D6
400
#C87AC0
500
#B44BAA
600
#903C88
700
#73306C
800
#5A2555
900
#421E3F
950
#2A1328

Contrast Checker

Text on white

8.42:1

AA Pass AAA Pass

Text on black

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