#7A9544

#7A9544

Color Values

HEX

#7A9544

RGB

122, 149, 68

HSL

80.0, 37.3%, 42.5%

HSV

80.0, 54.4%, 58.4%

CMYK

18.1%, 0.0%, 54.4%, 41.6%

OKLCH

0.6308 0.1127 124.8

Properties

Cool Light Nearest: darkolivegreen 4

Color Harmonies

Complementary

#7A9544

#5F4495

Analogous

#958744

#519544

#7A9544

Triadic

#7A9544

#447A95

#95447A

Split Complementary

#7A9544

#445195

#874495

Tetradic

#7A9544

#449587

#5F4495

#954451

Color Blindness Simulation

Original

#7A9544

Protanopia

#868658

Deuteranopia

#84825C

Tritanopia

#7B676A

Achromatopsia

#898989

CSS Usage

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

Tailwind Shades

50
#F8FAF5
100
#EFF3E7
200
#E0E9CE
300
#C9D9AB
400
#ACC47D
500
#8FAF50
600
#738C40
700
#5C7033
800
#485828
900
#364120
950
#222914

Contrast Checker

Text on white

3.38:1

AA Fail AAA Fail

Text on black

6.21:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026