#782ABB

#782ABB

Color Values

HEX

#782ABB

RGB

120, 42, 187

HSL

272.3, 63.3%, 44.9%

HSV

272.3, 77.5%, 73.3%

CMYK

35.8%, 77.5%, 0.0%, 26.7%

OKLCH

0.4786 0.2109 303.5

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#782ABB

#6DBB2A

Analogous

#302ABB

#BB2AB5

#782ABB

Triadic

#782ABB

#BB782A

#2ABB78

Split Complementary

#782ABB

#B5BB2A

#2ABB30

Tetradic

#782ABB

#BB302A

#6DBB2A

#2AB5BB

Color Blindness Simulation

Original

#782ABB

Protanopia

#565698

Deuteranopia

#5B6190

Tritanopia

#747C76

Achromatopsia

#454545

CSS Usage

background-color: #782ABB;
color: #782ABB;
border-color: #782ABB;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F8F3FB
100
#EEE4F7
200
#DDC5F2
300
#C59BE9
400
#A565DC
500
#862FD0
600
#6B25A7
700
#561E85
800
#431768
900
#33154C
950
#200D30

Contrast Checker

Text on white

7.38:1

AA Pass AAA Pass

Text on black

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