#778580

#778580

Color Values

HEX

#778580

RGB

119, 133, 128

HSL

158.6, 5.6%, 49.4%

HSV

158.6, 10.5%, 52.2%

CMYK

10.5%, 0.0%, 3.8%, 47.8%

OKLCH

0.6037 0.018 172.2

Properties

Cool Light Nearest: lightcyan 4

Color Harmonies

Complementary

#778580

#85777C

Analogous

#778579

#778385

#778580

Triadic

#778580

#807785

#858077

Split Complementary

#778580

#857783

#857977

Tetradic

#778580

#797785

#85777C

#838577

Color Blindness Simulation

Original

#778580

Protanopia

#7D7D81

Deuteranopia

#7C7B82

Tritanopia

#788282

Achromatopsia

#828282

CSS Usage

background-color: #778580;
color: #778580;
border-color: #778580;
Nearest Tailwind: Neutral 500 #737373

Tailwind Shades

50
#F7F8F7
100
#ECEEED
200
#D9DDDC
300
#BEC5C3
400
#9BA6A2
500
#788782
600
#606C68
700
#4D5653
800
#3C4341
900
#2E3331
950
#1D201F

Contrast Checker

Text on white

3.85:1

AA Fail AAA Fail

Text on black

5.45:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026