#777D2C

#777D2C

Color Values

HEX

#777D2C

RGB

119, 125, 44

HSL

64.4, 47.9%, 33.1%

HSV

64.4, 64.8%, 49.0%

CMYK

4.8%, 0.0%, 64.8%, 51.0%

OKLCH

0.5678 0.1041 113.3

Properties

Cool Light Nearest: darkolivegreen 4

Color Harmonies

Complementary

#777D2C

#322C7D

Analogous

#7D5A2C

#4E7D2C

#777D2C

Triadic

#777D2C

#2C777D

#7D2C77

Split Complementary

#777D2C

#2C4E7D

#5A2C7D

Tetradic

#777D2C

#2C7D5A

#322C7D

#7D2C4E

Color Blindness Simulation

Original

#777D2C

Protanopia

#7A7A40

Deuteranopia

#797944

Tritanopia

#774F52

Achromatopsia

#767676

CSS Usage

background-color: #777D2C;
color: #777D2C;
border-color: #777D2C;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#FAFAF4
100
#F3F4E6
200
#EAECCA
300
#DBDFA4
400
#C7CE73
500
#B4BD42
600
#909735
700
#73792B
800
#5A5E21
900
#42451C
950
#2A2C11

Contrast Checker

Text on white

4.42:1

AA Fail AAA Fail

Text on black

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