#767A2F

#767A2F

Color Values

HEX

#767A2F

RGB

118, 122, 47

HSL

63.2, 44.4%, 33.1%

HSV

63.2, 61.5%, 47.8%

CMYK

3.3%, 0.0%, 61.5%, 52.2%

OKLCH

0.5601 0.098 112.0

Properties

Cool Light Nearest: khaki 4

Color Harmonies

Complementary

#767A2F

#332F7A

Analogous

#7A582F

#507A2F

#767A2F

Triadic

#767A2F

#2F767A

#7A2F76

Split Complementary

#767A2F

#2F507A

#582F7A

Tetradic

#767A2F

#2F7A58

#332F7A

#7A2F50

Color Blindness Simulation

Original

#767A2F

Protanopia

#787841

Deuteranopia

#787746

Tritanopia

#764F53

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#FAFAF4
100
#F3F4E6
200
#E9EBCB
300
#DADDA7
400
#C6CB77
500
#B2B847
600
#8E9339
700
#72762D
800
#595C23
900
#42441D
950
#2A2B12

Contrast Checker

Text on white

4.57:1

AA Pass AAA Fail

Text on black

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