#7C772C

#7C772C

Color Values

HEX

#7C772C

RGB

124, 119, 44

HSL

56.2, 47.6%, 32.9%

HSV

56.2, 64.5%, 48.6%

CMYK

0.0%, 4.0%, 64.5%, 51.4%

OKLCH

0.5582 0.0962 105.5

Properties

Warm Dark Nearest: khaki 4

Color Harmonies

Complementary

#7C772C

#2C317C

Analogous

#7C4F2C

#597C2C

#7C772C

Triadic

#7C772C

#2C7C77

#772C7C

Split Complementary

#7C772C

#2C597C

#4F2C7C

Tetradic

#7C772C

#2C7C4F

#2C317C

#7C2C59

Color Blindness Simulation

Original

#7C772C

Protanopia

#7A7A3E

Deuteranopia

#7A7A42

Tritanopia

#7C4C50

Achromatopsia

#737373

CSS Usage

background-color: #7C772C;
color: #7C772C;
border-color: #7C772C;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#FAFAF4
100
#F4F3E6
200
#ECEACA
300
#DFDBA5
400
#CEC874
500
#BCB543
600
#979035
700
#78742B
800
#5E5A21
900
#45431C
950
#2C2A11

Contrast Checker

Text on white

4.63:1

AA Pass AAA Fail

Text on black

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