#778F89

#778F89

Color Values

HEX

#778F89

RGB

119, 143, 137

HSL

165.0, 9.7%, 51.4%

HSV

165.0, 16.8%, 56.1%

CMYK

16.8%, 0.0%, 4.2%, 43.9%

OKLCH

0.6294 0.0288 178.5

Properties

Cool Light Nearest: lightcyan 4

Color Harmonies

Complementary

#778F89

#8F777D

Analogous

#778F7D

#77898F

#778F89

Triadic

#778F89

#89778F

#8F8977

Split Complementary

#778F89

#8F7789

#8F7D77

Tetradic

#778F89

#7D778F

#8F777D

#898F77

Color Blindness Simulation

Original

#778F89

Protanopia

#81828A

Deuteranopia

#807E8B

Tritanopia

#788C8C

Achromatopsia

#898989

CSS Usage

background-color: #778F89;
color: #778F89;
border-color: #778F89;
Nearest Tailwind: Neutral 500 #737373

Tailwind Shades

50
#F7F8F8
100
#ECEFEE
200
#D8DFDD
300
#BCC8C5
400
#97AAA5
500
#738C86
600
#5C706B
700
#4A5A56
800
#3A4643
900
#2C3533
950
#1C2120

Contrast Checker

Text on white

3.46:1

AA Fail AAA Fail

Text on black

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