#7F8C68

#7F8C68

Color Values

HEX

#7F8C68

RGB

127, 140, 104

HSL

81.7, 14.8%, 47.8%

HSV

81.7, 25.7%, 54.9%

CMYK

9.3%, 0.0%, 25.7%, 45.1%

OKLCH

0.6197 0.0542 124.1

Properties

Cool Light Nearest: RAL 7034 Yellow Grey

Color Harmonies

Complementary

#7F8C68

#75688C

Analogous

#8C8768

#6D8C68

#7F8C68

Triadic

#7F8C68

#687F8C

#8C687F

Split Complementary

#7F8C68

#686D8C

#87688C

Tetradic

#7F8C68

#688C87

#75688C

#8C686D

Color Blindness Simulation

Original

#7F8C68

Protanopia

#858571

Deuteranopia

#848373

Tritanopia

#807879

Achromatopsia

#878787

CSS Usage

background-color: #7F8C68;
color: #7F8C68;
border-color: #7F8C68;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F8F8F6
100
#EEEFEB
200
#DDE1D6
300
#C4CBB9
400
#A5AF93
500
#85926D
600
#6A7557
700
#555E46
800
#424936
900
#32372A
950
#20231B

Contrast Checker

Text on white

3.59:1

AA Fail AAA Fail

Text on black

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