#7F7F24

#7F7F24

Color Values

HEX

#7F7F24

RGB

127, 127, 36

HSL

60.0, 55.8%, 32.0%

HSV

60.0, 71.7%, 49.8%

CMYK

0.0%, 0.0%, 71.7%, 50.2%

OKLCH

0.579 0.1106 109.4

Properties

Warm Light Nearest: olive

Color Harmonies

Complementary

#7F7F24

#24247F

Analogous

#7F5224

#527F24

#7F7F24

Triadic

#7F7F24

#247F7F

#7F247F

Split Complementary

#7F7F24

#24527F

#52247F

Tetradic

#7F7F24

#247F52

#24247F

#7F2452

Color Blindness Simulation

Original

#7F7F24

Protanopia

#7F7F3A

Deuteranopia

#7F7F3F

Tritanopia

#7F4B4F

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#FBFBF4
100
#F6F6E5
200
#EFEFC7
300
#E4E4A0
400
#D5D56C
500
#C7C738
600
#9F9F2D
700
#7F7F24
800
#63631C
900
#494918
950
#2E2E0F

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