#778598

#778598

Color Values

HEX

#778598

RGB

119, 133, 152

HSL

214.5, 13.8%, 53.1%

HSV

214.5, 21.7%, 59.6%

CMYK

21.7%, 12.5%, 0.0%, 40.4%

OKLCH

0.612 0.0332 256.1

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#778598

#988A77

Analogous

#779598

#797798

#778598

Triadic

#778598

#987785

#859877

Split Complementary

#778598

#987977

#959877

Tetradic

#778598

#987795

#988A77

#779879

Color Blindness Simulation

Original

#778598

Protanopia

#7D7D93

Deuteranopia

#7C7B92

Tritanopia

#78908F

Achromatopsia

#838383

CSS Usage

background-color: #778598;
color: #778598;
border-color: #778598;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F6F7F8
100
#EBEDEF
200
#D6DBE0
300
#B9C1CA
400
#949FAE
500
#6E7D91
600
#586474
700
#46505D
800
#373E49
900
#2A3036
950
#1B1E22

Contrast Checker

Text on white

3.75:1

AA Fail AAA Fail

Text on black

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