#778C99

#778C99

Color Values

HEX

#778C99

RGB

119, 140, 153

HSL

202.9, 14.3%, 53.3%

HSV

202.9, 22.2%, 60.0%

CMYK

22.2%, 8.5%, 0.0%, 40.0%

OKLCH

0.628 0.0311 235.2

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#778C99

#998477

Analogous

#779995

#777B99

#778C99

Triadic

#778C99

#99778C

#8C9977

Split Complementary

#778C99

#99777B

#999577

Tetradic

#778C99

#957799

#998477

#7B9977

Color Blindness Simulation

Original

#778C99

Protanopia

#808096

Deuteranopia

#7F7D95

Tritanopia

#789393

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EBEEEF
200
#D6DDE0
300
#B9C4CB
400
#93A4AE
500
#6D8492
600
#576975
700
#46545D
800
#374249
900
#2A3237
950
#1B2023

Contrast Checker

Text on white

3.5:1

AA Fail AAA Fail

Text on black

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