#7C7822

#7C7822

Color Values

HEX

#7C7822

RGB

124, 120, 34

HSL

57.3, 57.0%, 31.0%

HSV

57.3, 72.6%, 48.6%

CMYK

0.0%, 3.2%, 72.6%, 51.4%

OKLCH

0.5597 0.1052 106.7

Properties

Warm Dark Nearest: olive

Color Harmonies

Complementary

#7C7822

#22267C

Analogous

#7C4B22

#537C22

#7C7822

Triadic

#7C7822

#227C78

#78227C

Split Complementary

#7C7822

#22537C

#4B227C

Tetradic

#7C7822

#227C4B

#22267C

#7C2253

Color Blindness Simulation

Original

#7C7822

Protanopia

#7A7A37

Deuteranopia

#7A7B3C

Tritanopia

#7C474B

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#FBFBF4
100
#F6F5E5
200
#F0EEC7
300
#E5E29F
400
#D6D26B
500
#C8C237
600
#A09B2C
700
#807C23
800
#64611B
900
#494718
950
#2E2D0F

Contrast Checker

Text on white

4.6:1

AA Pass AAA Fail

Text on black

4.57:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026