#7F8C74

#7F8C74

Color Values

HEX

#7F8C74

RGB

127, 140, 116

HSL

92.5, 9.4%, 50.2%

HSV

92.5, 17.1%, 54.9%

CMYK

9.3%, 0.0%, 17.1%, 45.1%

OKLCH

0.6226 0.0383 130.7

Properties

Cool Light Nearest: RAL 7033 Cement Grey

Color Harmonies

Complementary

#7F8C74

#81748C

Analogous

#8B8C74

#748C75

#7F8C74

Triadic

#7F8C74

#747F8C

#8C747F

Split Complementary

#7F8C74

#75748C

#8C748B

Tetradic

#7F8C74

#748B8C

#81748C

#8C7574

Color Blindness Simulation

Original

#7F8C74

Protanopia

#85857A

Deuteranopia

#84837B

Tritanopia

#807E7F

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#EDEFEC
200
#DBDFD8
300
#C1C8BC
400
#A0AA98
500
#7F8B74
600
#65705C
700
#51594A
800
#3F463A
900
#30352C
950
#1E211C

Contrast Checker

Text on white

3.56:1

AA Fail AAA Fail

Text on black

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