#767436

#767436

Color Values

HEX

#767436

RGB

118, 116, 54

HSL

58.1, 37.2%, 33.7%

HSV

58.1, 54.2%, 46.3%

CMYK

0.0%, 1.7%, 54.2%, 53.7%

OKLCH

0.5468 0.0839 107.2

Properties

Warm Dark Nearest: khaki 4

Color Harmonies

Complementary

#767436

#363876

Analogous

#765436

#587636

#767436

Triadic

#767436

#367674

#743676

Split Complementary

#767436

#365876

#543676

Tetradic

#767436

#367654

#363876

#763658

Color Blindness Simulation

Original

#767436

Protanopia

#757545

Deuteranopia

#757549

Tritanopia

#765153

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#FAFAF5
100
#F3F2E8
200
#E9E8CE
300
#D9D7AB
400
#C4C27E
500
#AFAC50
600
#8C8A40
700
#706E33
800
#575628
900
#414020
950
#292814

Contrast Checker

Text on white

4.86:1

AA Pass AAA Fail

Text on black

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