#778698

#778698

Color Values

HEX

#778698

RGB

119, 134, 152

HSL

212.7, 13.8%, 53.1%

HSV

212.7, 21.7%, 59.6%

CMYK

21.7%, 11.8%, 0.0%, 40.4%

OKLCH

0.6142 0.0325 253.1

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#778698

#988977

Analogous

#779698

#787798

#778698

Triadic

#778698

#987786

#869877

Split Complementary

#778698

#987877

#969877

Tetradic

#778698

#987796

#988977

#779878

Color Blindness Simulation

Original

#778698

Protanopia

#7D7E94

Deuteranopia

#7D7C93

Tritanopia

#78908F

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#F6F7F8
100
#EBEDEF
200
#D6DBE0
300
#B9C1CA
400
#949FAE
500
#6E7E91
600
#586574
700
#46515D
800
#373F49
900
#2A3036
950
#1B1E22

Contrast Checker

Text on white

3.72:1

AA Fail AAA Fail

Text on black

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