#7842B4

#7842B4

Color Values

HEX

#7842B4

RGB

120, 66, 180

HSL

268.4, 46.3%, 48.2%

HSV

268.4, 63.3%, 70.6%

CMYK

33.3%, 63.3%, 0.0%, 29.4%

OKLCH

0.5016 0.1743 302.3

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#7842B4

#7EB442

Analogous

#4245B4

#B142B4

#7842B4

Triadic

#7842B4

#B47842

#42B478

Split Complementary

#7842B4

#B4B142

#45B442

Tetradic

#7842B4

#B44245

#7EB442

#42B4B1

Color Blindness Simulation

Original

#7842B4

Protanopia

#616098

Deuteranopia

#646892

Tritanopia

#75837E

Achromatopsia

#565656

CSS Usage

background-color: #7842B4;
color: #7842B4;
border-color: #7842B4;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F7F4FA
100
#EDE6F4
200
#DACBEC
300
#C0A5DE
400
#9E75CC
500
#7C44BB
600
#633795
700
#502C77
800
#3E225D
900
#2F1C45
950
#1E122B

Contrast Checker

Text on white

6.49:1

AA Pass AAA Fail

Text on black

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