#7C9866

#7C9866

Color Values

HEX

#7C9866

RGB

124, 152, 102

HSL

93.6, 19.7%, 49.8%

HSV

93.6, 32.9%, 59.6%

CMYK

18.4%, 0.0%, 32.9%, 40.4%

OKLCH

0.6451 0.0781 132.0

Properties

Cool Light Nearest: RAL 6021 Pale Green

Color Harmonies

Complementary

#7C9866

#826698

Analogous

#959866

#669869

#7C9866

Triadic

#7C9866

#667C98

#98667C

Split Complementary

#7C9866

#696698

#986695

Tetradic

#7C9866

#669598

#826698

#986966

Color Blindness Simulation

Original

#7C9866

Protanopia

#888872

Deuteranopia

#868475

Tritanopia

#7D7C7E

Achromatopsia

#8E8E8E

CSS Usage

background-color: #7C9866;
color: #7C9866;
border-color: #7C9866;
Nearest Tailwind: Emerald 700 #047857

Tailwind Shades

50
#F7F9F6
100
#EDF0EA
200
#DAE2D4
300
#C0CEB6
400
#9EB38E
500
#7C9966
600
#647A52
700
#506242
800
#3E4C33
900
#2F3928
950
#1E2419

Contrast Checker

Text on white

3.21:1

AA Fail AAA Fail

Text on black

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