#7D8C02

#7D8C02

Color Values

HEX

#7D8C02

RGB

125, 140, 2

HSL

66.5, 97.2%, 27.8%

HSV

66.5, 98.6%, 54.9%

CMYK

10.7%, 0.0%, 98.6%, 45.1%

OKLCH

0.6068 0.1395 117.1

Properties

Cool Light Nearest: yellow 4

Color Harmonies

Complementary

#7D8C02

#11028C

Analogous

#8C5602

#388C02

#7D8C02

Triadic

#7D8C02

#027D8C

#8C027D

Split Complementary

#7D8C02

#02388C

#56028C

Tetradic

#7D8C02

#028C56

#11028C

#8C0238

Color Blindness Simulation

Original

#7D8C02

Protanopia

#838423

Deuteranopia

#83822B

Tritanopia

#7E3E44

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#FCFEF1
100
#F9FCDE
200
#F6FEB9
300
#F0FD86
400
#E8FC45
500
#E1FB04
600
#B4C903
700
#90A102
800
#707E02
900
#525B06
950
#343904

Contrast Checker

Text on white

3.73:1

AA Fail AAA Fail

Text on black

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