#77878F

#77878F

Color Values

HEX

#77878F

RGB

119, 135, 143

HSL

200.0, 9.7%, 51.4%

HSV

200.0, 16.8%, 56.1%

CMYK

16.8%, 5.6%, 0.0%, 43.9%

OKLCH

0.6132 0.0223 229.3

Properties

Cool Light Nearest: RAL 7000 Squirrel Grey

Color Harmonies

Complementary

#77878F

#8F7F77

Analogous

#778F8B

#777B8F

#77878F

Triadic

#77878F

#8F7787

#878F77

Split Complementary

#77878F

#8F777B

#8F8B77

Tetradic

#77878F

#8B778F

#8F7F77

#7B8F77

Color Blindness Simulation

Original

#77878F

Protanopia

#7E7E8D

Deuteranopia

#7D7C8D

Tritanopia

#788C8B

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#F7F8F8
100
#ECEEEF
200
#D8DCDF
300
#BCC4C8
400
#97A4AA
500
#73848C
600
#5C6970
700
#4A545A
800
#3A4246
900
#2C3235
950
#1C1F21

Contrast Checker

Text on white

3.72:1

AA Fail AAA Fail

Text on black

5.65:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026