#767F20

#767F20

Color Values

HEX

#767F20

RGB

118, 127, 32

HSL

65.7, 59.7%, 31.2%

HSV

65.7, 74.8%, 49.8%

CMYK

7.1%, 0.0%, 74.8%, 50.2%

OKLCH

0.5708 0.1157 114.9

Properties

Cool Light Nearest: olive

Color Harmonies

Complementary

#767F20

#29207F

Analogous

#7F5920

#477F20

#767F20

Triadic

#767F20

#20767F

#7F2076

Split Complementary

#767F20

#20477F

#59207F

Tetradic

#767F20

#207F59

#29207F

#7F2047

Color Blindness Simulation

Original

#767F20

Protanopia

#7A7A37

Deuteranopia

#79793C

Tritanopia

#76494D

Achromatopsia

#767676

CSS Usage

background-color: #767F20;
color: #767F20;
border-color: #767F20;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#FAFBF3
100
#F4F6E4
200
#EDF1C6
300
#DFE69D
400
#CED968
500
#BDCC33
600
#97A329
700
#798221
800
#5F661A
900
#464A16
950
#2C2F0E

Contrast Checker

Text on white

4.35:1

AA Fail AAA Fail

Text on black

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