#783DCC

#783DCC

Color Values

HEX

#783DCC

RGB

120, 61, 204

HSL

264.8, 58.4%, 52.0%

HSV

264.8, 70.1%, 80.0%

CMYK

41.2%, 70.1%, 0.0%, 20.0%

OKLCH

0.5131 0.2079 297.4

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#783DCC

#91CC3D

Analogous

#3D4ACC

#C03DCC

#783DCC

Triadic

#783DCC

#CC783D

#3DCC78

Split Complementary

#783DCC

#CCC03D

#4ACC3D

Tetradic

#783DCC

#CC3D4A

#91CC3D

#3DCCC0

Color Blindness Simulation

Original

#783DCC

Protanopia

#5E5EA9

Deuteranopia

#6266A1

Tritanopia

#758E88

Achromatopsia

#545454

CSS Usage

background-color: #783DCC;
color: #783DCC;
border-color: #783DCC;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F7F4FB
100
#ECE4F6
200
#D8C6F0
300
#BC9EE6
400
#976AD8
500
#7335CA
600
#5C2AA2
700
#492281
800
#391B65
900
#2C174A
950
#1C0F2F

Contrast Checker

Text on white

6.29:1

AA Pass AAA Fail

Text on black

3.34:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026