#783174

#783174

Color Values

HEX

#783174

RGB

120, 49, 116

HSL

303.4, 42.0%, 33.1%

HSV

303.4, 59.2%, 47.1%

CMYK

0.0%, 59.2%, 3.3%, 52.9%

OKLCH

0.4377 0.132 329.8

Properties

Warm Dark Nearest: Plum

Color Harmonies

Complementary

#783174

#317835

Analogous

#583178

#783150

#783174

Triadic

#783174

#747831

#317478

Split Complementary

#783174

#507831

#317858

Tetradic

#783174

#785831

#317835

#315078

Color Blindness Simulation

Original

#783174

Protanopia

#595964

Deuteranopia

#5D6360

Tritanopia

#745754

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#FAF5FA
100
#F4E7F3
200
#EACCE9
300
#DCA8D9
400
#C879C4
500
#B54AAF
600
#913B8C
700
#742F70
800
#5B2557
900
#431E41
950
#2A1329

Contrast Checker

Text on white

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