#7C8647

#7C8647

Color Values

HEX

#7C8647

RGB

124, 134, 71

HSL

69.5, 30.7%, 40.2%

HSV

69.5, 47.0%, 52.5%

CMYK

7.5%, 0.0%, 47.0%, 47.5%

OKLCH

0.5969 0.0873 116.5

Properties

Cool Light Nearest: khaki 4

Color Harmonies

Complementary

#7C8647

#514786

Analogous

#867047

#5D8647

#7C8647

Triadic

#7C8647

#477C86

#86477C

Split Complementary

#7C8647

#475D86

#704786

Tetradic

#7C8647

#478670

#514786

#86475D

Color Blindness Simulation

Original

#7C8647

Protanopia

#808056

Deuteranopia

#807F5A

Tritanopia

#7C6265

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#F9F9F5
100
#F0F2E8
200
#E3E6D0
300
#CFD5AF
400
#B4BE84
500
#9AA758
600
#7B8547
700
#636B39
800
#4D532C
900
#3A3E23
950
#242716

Contrast Checker

Text on white

3.92:1

AA Fail AAA Fail

Text on black

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