#7866DC

#7866DC

Color Values

HEX

#7866DC

RGB

120, 102, 220

HSL

249.2, 62.8%, 63.1%

HSV

249.2, 53.6%, 86.3%

CMYK

45.5%, 53.6%, 0.0%, 13.7%

OKLCH

0.5863 0.1734 286.8

Properties

Cool Light Nearest: slateblue

Color Harmonies

Complementary

#7866DC

#CADC66

Analogous

#668FDC

#B366DC

#7866DC

Triadic

#7866DC

#DC7866

#66DC78

Split Complementary

#7866DC

#DCB366

#8FDC66

Tetradic

#7866DC

#DC668F

#CADC66

#66DCB3

Color Blindness Simulation

Original

#7866DC

Protanopia

#7070BF

Deuteranopia

#7173B9

Tritanopia

#77A9A4

Achromatopsia

#727272

CSS Usage

background-color: #7866DC;
color: #7866DC;
border-color: #7866DC;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F5F3FB
100
#E7E4F7
200
#CCC5F2
300
#A79BE8
400
#7865DC
500
#482FD0
600
#3A26A6
700
#2E1E85
800
#241868
900
#1D154C
950
#130D30

Contrast Checker

Text on white

4.44:1

AA Fail AAA Fail

Text on black

4.73:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026