#787197

#787197

Color Values

HEX

#787197

RGB

120, 113, 151

HSL

251.1, 15.4%, 51.8%

HSV

251.1, 25.2%, 59.2%

CMYK

20.5%, 25.2%, 0.0%, 40.8%

OKLCH

0.5692 0.0584 292.9

Properties

Cool Light Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#787197

#909771

Analogous

#717D97

#8B7197

#787197

Triadic

#787197

#977871

#719778

Split Complementary

#787197

#978B71

#7D9771

Tetradic

#787197

#97717D

#909771

#71978B

Color Blindness Simulation

Original

#787197

Protanopia

#75758E

Deuteranopia

#75768C

Tritanopia

#788785

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#F7F6F8
100
#ECEBEF
200
#D8D6E1
300
#BCB8CB
400
#9792AF
500
#736C93
600
#5C5676
700
#4A455E
800
#3A364A
900
#2C2A37
950
#1C1A23

Contrast Checker

Text on white

4.56:1

AA Pass AAA Fail

Text on black

4.61:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026