#7C7633

#7C7633

Color Values

HEX

#7C7633

RGB

124, 118, 51

HSL

55.1, 41.7%, 34.3%

HSV

55.1, 58.9%, 48.6%

CMYK

0.0%, 4.8%, 58.9%, 51.4%

OKLCH

0.5567 0.0887 104.2

Properties

Warm Dark Nearest: khaki 4

Color Harmonies

Complementary

#7C7633

#33397C

Analogous

#7C5233

#5D7C33

#7C7633

Triadic

#7C7633

#337C76

#76337C

Split Complementary

#7C7633

#335D7C

#52337C

Tetradic

#7C7633

#337C52

#33397C

#7C335D

Color Blindness Simulation

Original

#7C7633

Protanopia

#797943

Deuteranopia

#7A7A47

Tritanopia

#7C5053

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#FAFAF5
100
#F3F2E7
200
#EAE8CC
300
#DBD7A8
400
#C8C279
500
#B5AC4A
600
#918A3B
700
#746E30
800
#5A5625
900
#43401E
950
#2A2813

Contrast Checker

Text on white

4.67:1

AA Pass AAA Fail

Text on black

4.5:1

AA Fail 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