#778DA9

#778DA9

Color Values

HEX

#778DA9

RGB

119, 141, 169

HSL

213.6, 22.5%, 56.5%

HSV

213.6, 29.6%, 66.3%

CMYK

29.6%, 16.6%, 0.0%, 33.7%

OKLCH

0.6363 0.0493 254.6

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#778DA9

#A99377

Analogous

#77A6A9

#7A77A9

#778DA9

Triadic

#778DA9

#A9778D

#8DA977

Split Complementary

#778DA9

#A97A77

#A6A977

Tetradic

#778DA9

#A977A6

#A99377

#77A97A

Color Blindness Simulation

Original

#778DA9

Protanopia

#8181A2

Deuteranopia

#7F7EA1

Tritanopia

#789D9C

Achromatopsia

#8A8A8A

CSS Usage

background-color: #778DA9;
color: #778DA9;
border-color: #778DA9;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F6F7F9
100
#EAEDF1
200
#D3DAE3
300
#B4C0D0
400
#8B9EB6
500
#637C9C
600
#4F637D
700
#3F4F64
800
#313E4E
900
#272F3A
950
#181E25

Contrast Checker

Text on white

3.41:1

AA Fail AAA Fail

Text on black

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