#778280

#778280

Color Values

HEX

#778280

RGB

119, 130, 128

HSL

169.1, 4.4%, 48.8%

HSV

169.1, 8.5%, 51.0%

CMYK

8.5%, 0.0%, 1.5%, 49.0%

OKLCH

0.5969 0.0133 183.8

Properties

Cool Light Nearest: RAL 7037 Dusty Grey

Color Harmonies

Complementary

#778280

#827779

Analogous

#77827A

#777E82

#778280

Triadic

#778280

#807782

#828077

Split Complementary

#778280

#82777E

#827A77

Tetradic

#778280

#7A7782

#827779

#7E8277

Color Blindness Simulation

Original

#778280

Protanopia

#7C7C80

Deuteranopia

#7B7A81

Tritanopia

#788181

Achromatopsia

#808080

CSS Usage

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

Tailwind Shades

50
#F7F8F8
100
#ECEEEE
200
#DADDDC
300
#BFC4C4
400
#9CA5A3
500
#7A8583
600
#626A69
700
#4E5554
800
#3D4342
900
#2F3232
950
#1D201F

Contrast Checker

Text on white

3.97:1

AA Fail AAA Fail

Text on black

5.29:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026