#778395

#778395

Color Values

HEX

#778395

RGB

119, 131, 149

HSL

216.0, 12.4%, 52.5%

HSV

216.0, 20.1%, 58.4%

CMYK

20.1%, 12.1%, 0.0%, 41.6%

OKLCH

0.6064 0.0308 258.4

Properties

Cool Light Nearest: slategrey

Color Harmonies

Complementary

#778395

#958977

Analogous

#779295

#7A7795

#778395

Triadic

#778395

#957783

#839577

Split Complementary

#778395

#957A77

#929577

Tetradic

#778395

#957792

#958977

#77957A

Color Blindness Simulation

Original

#778395

Protanopia

#7C7C91

Deuteranopia

#7C7B90

Tritanopia

#788D8C

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#EBEDEF
200
#D7DAE0
300
#BAC0C9
400
#959EAC
500
#707C8F
600
#596373
700
#47505C
800
#383E48
900
#2B2F36
950
#1B1E22

Contrast Checker

Text on white

3.84:1

AA Fail AAA Fail

Text on black

5.46:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026