#7F7C09

#7F7C09

Color Values

HEX

#7F7C09

RGB

127, 124, 9

HSL

58.5, 86.8%, 26.7%

HSV

58.5, 92.9%, 49.8%

CMYK

0.0%, 2.4%, 92.9%, 50.2%

OKLCH

0.5706 0.1205 107.9

Properties

Warm Light Nearest: olive

Color Harmonies

Complementary

#7F7C09

#090C7F

Analogous

#7F4109

#477F09

#7F7C09

Triadic

#7F7C09

#097F7C

#7C097F

Split Complementary

#7F7C09

#09477F

#41097F

Tetradic

#7F7C09

#097F41

#090C7F

#7F0947

Color Blindness Simulation

Original

#7F7C09

Protanopia

#7E7E25

Deuteranopia

#7E7E2B

Tritanopia

#7F3B40

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#FDFDF2
100
#FAFAE0
200
#FAF9BC
300
#F7F48D
400
#F3EE4F
500
#EEE911
600
#BFBA0D
700
#98950B
800
#777408
900
#56540B
950
#373507

Contrast Checker

Text on white

4.38:1

AA Fail AAA Fail

Text on black

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