#7B9D2F

#7B9D2F

Color Values

HEX

#7B9D2F

RGB

123, 157, 47

HSL

78.5, 53.9%, 40.0%

HSV

78.5, 70.1%, 61.6%

CMYK

21.7%, 0.0%, 70.1%, 38.4%

OKLCH

0.6487 0.141 125.1

Properties

Cool Light Nearest: olivedrab

Color Harmonies

Complementary

#7B9D2F

#512F9D

Analogous

#9D882F

#449D2F

#7B9D2F

Triadic

#7B9D2F

#2F7B9D

#9D2F7B

Split Complementary

#7B9D2F

#2F449D

#882F9D

Tetradic

#7B9D2F

#2F9D88

#512F9D

#9D2F44

Color Blindness Simulation

Original

#7B9D2F

Protanopia

#8A8A4A

Deuteranopia

#888550

Tritanopia

#7D5F63

Achromatopsia

#8E8E8E

CSS Usage

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

Tailwind Shades

50
#F9FBF4
100
#F0F5E5
200
#E3EFC8
300
#CEE3A1
400
#B4D46E
500
#9AC43B
600
#7B9D2F
700
#627E26
800
#4D621D
900
#394819
950
#242D10

Contrast Checker

Text on white

3.13:1

AA Fail AAA Fail

Text on black

6.71:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026