#783571

#783571

Color Values

HEX

#783571

RGB

120, 53, 113

HSL

306.3, 38.7%, 33.9%

HSV

306.3, 55.8%, 47.1%

CMYK

0.0%, 55.8%, 5.8%, 52.9%

OKLCH

0.4417 0.1225 331.6

Properties

Warm Dark Nearest: Plum

Color Harmonies

Complementary

#783571

#35783C

Analogous

#5D3578

#78354F

#783571

Triadic

#783571

#717835

#357178

Split Complementary

#783571

#4F7835

#35785D

Tetradic

#783571

#785D35

#35783C

#354F78

Color Blindness Simulation

Original

#783571

Protanopia

#5B5A62

Deuteranopia

#5F645F

Tritanopia

#755754

Achromatopsia

#484848

CSS Usage

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

Tailwind Shades

50
#FAF5F9
100
#F3E7F2
200
#E9CDE6
300
#D9AAD5
400
#C57CBD
500
#B14EA6
600
#8D3F85
700
#71326B
800
#582753
900
#41203E
950
#291427

Contrast Checker

Text on white

8.25:1

AA Pass AAA Pass

Text on black

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