#7839D0

#7839D0

Color Values

HEX

#7839D0

RGB

120, 57, 208

HSL

265.0, 61.6%, 52.0%

HSV

265.0, 72.6%, 81.6%

CMYK

42.3%, 72.6%, 0.0%, 18.4%

OKLCH

0.5116 0.2168 297.0

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#7839D0

#91D039

Analogous

#3946D0

#C339D0

#7839D0

Triadic

#7839D0

#D07839

#39D078

Split Complementary

#7839D0

#D0C339

#46D039

Tetradic

#7839D0

#D03946

#91D039

#39D0C3

Color Blindness Simulation

Original

#7839D0

Protanopia

#5D5CAC

Deuteranopia

#6065A3

Tritanopia

#758F88

Achromatopsia

#515151

CSS Usage

background-color: #7839D0;
color: #7839D0;
border-color: #7839D0;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F7F3FB
100
#ECE4F6
200
#D8C5F1
300
#BC9CE7
400
#9767DB
500
#7231CE
600
#5C27A5
700
#491F84
800
#391867
900
#2C164B
950
#1C0E30

Contrast Checker

Text on white

6.37:1

AA Pass AAA Fail

Text on black

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