#7A7124

#7A7124

Color Values

HEX

#7A7124

RGB

122, 113, 36

HSL

53.7, 54.4%, 31.0%

HSV

53.7, 70.5%, 47.8%

CMYK

0.0%, 7.4%, 70.5%, 52.2%

OKLCH

0.5416 0.0969 102.6

Properties

Warm Dark Nearest: RAL 8000 Green Brown

Color Harmonies

Complementary

#7A7124

#242D7A

Analogous

#7A4624

#587A24

#7A7124

Triadic

#7A7124

#247A71

#71247A

Split Complementary

#7A7124

#24587A

#46247A

Tetradic

#7A7124

#247A46

#242D7A

#7A2458

Color Blindness Simulation

Original

#7A7124

Protanopia

#767637

Deuteranopia

#77773B

Tritanopia

#7A4549

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#FBFAF4
100
#F5F4E5
200
#EFEBC8
300
#E3DCA1
400
#D4C96D
500
#C5B63A
600
#9D922F
700
#7E7525
800
#625B1D
900
#484319
950
#2E2A10

Contrast Checker

Text on white

4.98:1

AA Pass AAA Fail

Text on black

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