#77863F

#77863F

Color Values

HEX

#77863F

RGB

119, 134, 63

HSL

72.7, 36.0%, 38.6%

HSV

72.7, 53.0%, 52.5%

CMYK

11.2%, 0.0%, 53.0%, 47.5%

OKLCH

0.5916 0.0977 119.4

Properties

Cool Light Nearest: darkolivegreen 4

Color Harmonies

Complementary

#77863F

#4E3F86

Analogous

#86713F

#53863F

#77863F

Triadic

#77863F

#3F7786

#863F77

Split Complementary

#77863F

#3F5386

#713F86

Tetradic

#77863F

#3F8671

#4E3F86

#863F53

Color Blindness Simulation

Original

#77863F

Protanopia

#7D7E50

Deuteranopia

#7D7C54

Tritanopia

#785E61

Achromatopsia

#7E7E7E

CSS Usage

background-color: #77863F;
color: #77863F;
border-color: #77863F;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F9FAF5
100
#F0F3E8
200
#E3E8CE
300
#CFD8AC
400
#B4C37F
500
#9AAD52
600
#7B8B41
700
#636F34
800
#4D5729
900
#3A4021
950
#242915

Contrast Checker

Text on white

3.99:1

AA Fail AAA Fail

Text on black

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