#77784C

#77784C

Color Values

HEX

#77784C

RGB

119, 120, 76

HSL

61.4, 22.4%, 38.4%

HSV

61.4, 36.7%, 47.1%

CMYK

0.8%, 0.0%, 36.7%, 52.9%

OKLCH

0.5606 0.0628 109.4

Properties

Cool Dark Nearest: RAL 7002 Olive Grey

Color Harmonies

Complementary

#77784C

#4D4C78

Analogous

#78634C

#61784C

#77784C

Triadic

#77784C

#4C7778

#784C77

Split Complementary

#77784C

#4C6178

#634C78

Tetradic

#77784C

#4C7863

#4D4C78

#784C61

Color Blindness Simulation

Original

#77784C

Protanopia

#777757

Deuteranopia

#777759

Tritanopia

#775F61

Achromatopsia

#757575

CSS Usage

background-color: #77784C;
color: #77784C;
border-color: #77784C;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F9F9F6
100
#F0F1EA
200
#E3E3D3
300
#CFD0B4
400
#B5B68C
500
#9B9C63
600
#7C7D4F
700
#63643F
800
#4D4E31
900
#3A3A27
950
#242518

Contrast Checker

Text on white

4.59:1

AA Pass AAA Fail

Text on black

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