#7F7F22

#7F7F22

Color Values

HEX

#7F7F22

RGB

127, 127, 34

HSL

60.0, 57.8%, 31.6%

HSV

60.0, 73.2%, 49.8%

CMYK

0.0%, 0.0%, 73.2%, 50.2%

OKLCH

0.5789 0.112 109.4

Properties

Warm Light Nearest: olive

Color Harmonies

Complementary

#7F7F22

#22227F

Analogous

#7F5122

#517F22

#7F7F22

Triadic

#7F7F22

#227F7F

#7F227F

Split Complementary

#7F7F22

#22517F

#51227F

Tetradic

#7F7F22

#227F51

#22227F

#7F2251

Color Blindness Simulation

Original

#7F7F22

Protanopia

#7F7F38

Deuteranopia

#7F7F3E

Tritanopia

#7F4A4E

Achromatopsia

#787878

CSS Usage

background-color: #7F7F22;
color: #7F7F22;
border-color: #7F7F22;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#FBFBF4
100
#F6F6E4
200
#F0F0C7
300
#E5E59E
400
#D7D76A
500
#C9C936
600
#A1A12B
700
#818122
800
#65651B
900
#4A4A17
950
#2F2F0F

Contrast Checker

Text on white

4.23:1

AA Fail AAA Fail

Text on black

4.96:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026