#77784F

#77784F

Color Values

HEX

#77784F

RGB

119, 120, 79

HSL

61.5, 20.6%, 39.0%

HSV

61.5, 34.2%, 47.1%

CMYK

0.8%, 0.0%, 34.2%, 52.9%

OKLCH

0.5612 0.0589 109.3

Properties

Cool Light Nearest: RAL 7002 Olive Grey

Color Harmonies

Complementary

#77784F

#504F78

Analogous

#78644F

#62784F

#77784F

Triadic

#77784F

#4F7778

#784F77

Split Complementary

#77784F

#4F6278

#644F78

Tetradic

#77784F

#4F7864

#504F78

#784F62

Color Blindness Simulation

Original

#77784F

Protanopia

#777759

Deuteranopia

#77775B

Tritanopia

#776162

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#F9F9F6
100
#F0F0EA
200
#E2E3D4
300
#CECEB5
400
#B3B48D
500
#989A65
600
#7A7B51
700
#626241
800
#4C4D33
900
#393927
950
#242419

Contrast Checker

Text on white

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