#778B92

#778B92

Color Values

HEX

#778B92

RGB

119, 139, 146

HSL

195.6, 11.0%, 52.0%

HSV

195.6, 18.5%, 57.3%

CMYK

18.5%, 4.8%, 0.0%, 42.7%

OKLCH

0.6233 0.0254 220.9

Properties

Cool Light Nearest: RAL 7000 Squirrel Grey

Color Harmonies

Complementary

#778B92

#927E77

Analogous

#77928C

#777E92

#778B92

Triadic

#778B92

#92778B

#8B9277

Split Complementary

#778B92

#92777E

#928C77

Tetradic

#778B92

#8C7792

#927E77

#7E9277

Color Blindness Simulation

Original

#778B92

Protanopia

#808090

Deuteranopia

#7E7D90

Tritanopia

#788F8F

Achromatopsia

#878787

CSS Usage

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

Tailwind Shades

50
#F7F8F8
100
#EBEEEF
200
#D7DDDF
300
#BBC5C9
400
#96A6AB
500
#71868E
600
#5B6B71
700
#49565B
800
#394347
900
#2C3335
950
#1C2022

Contrast Checker

Text on white

3.56:1

AA Fail AAA Fail

Text on black

5.89: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