#787499

#787499

Color Values

HEX

#787499

RGB

120, 116, 153

HSL

246.5, 15.4%, 52.7%

HSV

246.5, 24.2%, 60.0%

CMYK

21.6%, 24.2%, 0.0%, 40.0%

OKLCH

0.5764 0.0565 289.5

Properties

Cool Light Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#787499

#959974

Analogous

#748299

#8A7499

#787499

Triadic

#787499

#997874

#749978

Split Complementary

#787499

#998A74

#829974

Tetradic

#787499

#997482

#959974

#74998A

Color Blindness Simulation

Original

#787499

Protanopia

#767690

Deuteranopia

#76778E

Tritanopia

#788987

Achromatopsia

#787878

CSS Usage

background-color: #787499;
color: #787499;
border-color: #787499;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F7F6F8
100
#EBEBEF
200
#D7D6E1
300
#BAB8CB
400
#9592AF
500
#706C93
600
#5A5676
700
#48455E
800
#38364A
900
#2B2A37
950
#1B1A23

Contrast Checker

Text on white

4.41:1

AA Fail AAA Fail

Text on black

4.76:1

AA Pass 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