#787886

#787886

Color Values

HEX

#787886

RGB

120, 120, 134

HSL

240.0, 5.5%, 49.8%

HSV

240.0, 10.4%, 52.5%

CMYK

10.4%, 10.4%, 0.0%, 47.5%

OKLCH

0.5775 0.0213 285.7

Properties

Cool Light Nearest: lightsteelblue 4

Color Harmonies

Complementary

#787886

#868678

Analogous

#787F86

#7F7886

#787886

Triadic

#787886

#867878

#788678

Split Complementary

#787886

#867F78

#7F8678

Tetradic

#787886

#86787F

#868678

#78867F

Color Blindness Simulation

Original

#787886

Protanopia

#787883

Deuteranopia

#787882

Tritanopia

#78807F

Achromatopsia

#797979

CSS Usage

background-color: #787886;
color: #787886;
border-color: #787886;
Nearest Tailwind: Gray 500 #6B7280

Tailwind Shades

50
#F7F7F8
100
#ECECEE
200
#D9D9DD
300
#BEBEC5
400
#9B9BA6
500
#787887
600
#60606C
700
#4D4D56
800
#3C3C43
900
#2E2E33
950
#1D1D20

Contrast Checker

Text on white

4.35:1

AA Fail AAA Fail

Text on black

4.83:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026