#783DB2

#783DB2

Color Values

HEX

#783DB2

RGB

120, 61, 178

HSL

270.3, 49.0%, 46.9%

HSV

270.3, 65.7%, 69.8%

CMYK

32.6%, 65.7%, 0.0%, 30.2%

OKLCH

0.4933 0.179 303.6

Properties

Cool Dark Nearest: rebeccapurple

Color Harmonies

Complementary

#783DB2

#77B23D

Analogous

#3E3DB2

#B23DB2

#783DB2

Triadic

#783DB2

#B2783D

#3DB278

Split Complementary

#783DB2

#B2B23D

#3DB23E

Tetradic

#783DB2

#B23E3D

#77B23D

#3DB2B2

Color Blindness Simulation

Original

#783DB2

Protanopia

#5E5E96

Deuteranopia

#62668F

Tritanopia

#757F7A

Achromatopsia

#525252

CSS Usage

background-color: #783DB2;
color: #783DB2;
border-color: #783DB2;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F7F4FB
100
#EDE6F5
200
#DBCAED
300
#C2A4E0
400
#A172CF
500
#8041BE
600
#663498
700
#522A7A
800
#40215F
900
#311B46
950
#1F112C

Contrast Checker

Text on white

6.75:1

AA Pass AAA Fail

Text on black

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