#778192

#778192

Color Values

HEX

#778192

RGB

119, 129, 146

HSL

217.8, 11.0%, 52.0%

HSV

217.8, 18.5%, 57.3%

CMYK

18.5%, 11.6%, 0.0%, 42.7%

OKLCH

0.6009 0.0285 261.1

Properties

Cool Light Nearest: slategrey

Color Harmonies

Complementary

#778192

#928877

Analogous

#778F92

#7B7792

#778192

Triadic

#778192

#927781

#819277

Split Complementary

#778192

#927B77

#8F9277

Tetradic

#778192

#92778F

#928877

#77927B

Color Blindness Simulation

Original

#778192

Protanopia

#7B7B8E

Deuteranopia

#7B7A8D

Tritanopia

#788B8A

Achromatopsia

#808080

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#EBEDEF
200
#D7DADF
300
#BBC0C9
400
#969EAB
500
#717C8E
600
#5B6371
700
#494F5B
800
#393E47
900
#2C2F35
950
#1C1E22

Contrast Checker

Text on white

3.93:1

AA Fail AAA Fail

Text on black

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