#7C7F2F

#7C7F2F

Color Values

HEX

#7C7F2F

RGB

124, 127, 47

HSL

62.3, 46.0%, 34.1%

HSV

62.3, 63.0%, 49.8%

CMYK

2.4%, 0.0%, 63.0%, 50.2%

OKLCH

0.5773 0.1026 111.2

Properties

Cool Light Nearest: RAL 1020 Olive Yellow

Color Harmonies

Complementary

#7C7F2F

#322F7F

Analogous

#7F5A2F

#547F2F

#7C7F2F

Triadic

#7C7F2F

#2F7C7F

#7F2F7C

Split Complementary

#7C7F2F

#2F547F

#5A2F7F

Tetradic

#7C7F2F

#2F7F5A

#322F7F

#7F2F54

Color Blindness Simulation

Original

#7C7F2F

Protanopia

#7D7D42

Deuteranopia

#7D7D47

Tritanopia

#7C5255

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#FAFAF4
100
#F4F4E6
200
#EAECCB
300
#DCDEA6
400
#C9CC75
500
#B6BA45
600
#919537
700
#74772C
800
#5B5D22
900
#43451C
950
#2A2B12

Contrast Checker

Text on white

4.26:1

AA Fail AAA Fail

Text on black

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