#767336

#767336

Color Values

HEX

#767336

RGB

118, 115, 54

HSL

57.2, 37.2%, 33.7%

HSV

57.2, 54.2%, 46.3%

CMYK

0.0%, 2.5%, 54.2%, 53.7%

OKLCH

0.5444 0.0827 106.3

Properties

Warm Dark Nearest: lightgoldenrod 4

Color Harmonies

Complementary

#767336

#363976

Analogous

#765336

#597636

#767336

Triadic

#767336

#367673

#733676

Split Complementary

#767336

#365976

#533676

Tetradic

#767336

#367653

#363976

#763659

Color Blindness Simulation

Original

#767336

Protanopia

#757545

Deuteranopia

#757548

Tritanopia

#765053

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#FAFAF5
100
#F3F2E8
200
#E9E7CE
300
#D9D6AB
400
#C4C07E
500
#AFAB50
600
#8C8840
700
#706D33
800
#575528
900
#413F20
950
#292814

Contrast Checker

Text on white

4.91:1

AA Pass AAA Fail

Text on black

4.28:1

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