#7845C6

#7845C6

Color Values

HEX

#7845C6

RGB

120, 69, 198

HSL

263.7, 53.1%, 52.4%

HSV

263.7, 65.2%, 77.6%

CMYK

39.4%, 65.2%, 0.0%, 22.4%

OKLCH

0.5189 0.1912 297.5

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#7845C6

#93C645

Analogous

#4553C6

#B945C6

#7845C6

Triadic

#7845C6

#C67845

#45C678

Split Complementary

#7845C6

#C6B945

#53C645

Tetradic

#7845C6

#C64553

#93C645

#45C6B9

Color Blindness Simulation

Original

#7845C6

Protanopia

#6261A7

Deuteranopia

#65699F

Tritanopia

#758E89

Achromatopsia

#595959

CSS Usage

background-color: #7845C6;
color: #7845C6;
border-color: #7845C6;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F7F4FB
100
#EBE5F5
200
#D7C8EE
300
#BBA1E2
400
#966FD3
500
#713CC3
600
#5B309C
700
#49267D
800
#391E62
900
#2C1948
950
#1C102D

Contrast Checker

Text on white

6.06:1

AA Pass AAA Fail

Text on black

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