#778F91

#778F91

Color Values

HEX

#778F91

RGB

119, 143, 145

HSL

184.6, 10.6%, 51.8%

HSV

184.6, 17.9%, 56.9%

CMYK

17.9%, 1.4%, 0.0%, 43.1%

OKLCH

0.632 0.0275 202.7

Properties

Cool Light Nearest: lightcyan 4

Color Harmonies

Complementary

#778F91

#917977

Analogous

#779186

#778291

#778F91

Triadic

#778F91

#91778F

#8F9177

Split Complementary

#778F91

#917782

#918677

Tetradic

#778F91

#867791

#917977

#829177

Color Blindness Simulation

Original

#778F91

Protanopia

#818291

Deuteranopia

#807E90

Tritanopia

#789090

Achromatopsia

#8A8A8A

CSS Usage

background-color: #778F91;
color: #778F91;
border-color: #778F91;
Nearest Tailwind: Gray 400 #9CA3AF

Tailwind Shades

50
#F7F8F8
100
#ECEFEF
200
#D8DFDF
300
#BBC7C8
400
#97A9AB
500
#728B8D
600
#5B6F71
700
#49595A
800
#394547
900
#2C3435
950
#1C2122

Contrast Checker

Text on white

3.43:1

AA Fail AAA Fail

Text on black

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