#7F8D64

#7F8D64

Color Values

HEX

#7F8D64

RGB

127, 141, 100

HSL

80.5, 17.0%, 47.3%

HSV

80.5, 29.1%, 55.3%

CMYK

9.9%, 0.0%, 29.1%, 44.7%

OKLCH

0.6211 0.0611 123.5

Properties

Cool Light Nearest: RAL 7034 Yellow Grey

Color Harmonies

Complementary

#7F8D64

#72648D

Analogous

#8D8764

#6B8D64

#7F8D64

Triadic

#7F8D64

#647F8D

#8D647F

Split Complementary

#7F8D64

#646B8D

#87648D

Tetradic

#7F8D64

#648D87

#72648D

#8D646B

Color Blindness Simulation

Original

#7F8D64

Protanopia

#85856E

Deuteranopia

#848370

Tritanopia

#807677

Achromatopsia

#878787

CSS Usage

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

Tailwind Shades

50
#F8F8F6
100
#EEF0EB
200
#DDE1D5
300
#C5CCB7
400
#A6B191
500
#86956A
600
#6B7755
700
#565F44
800
#434B35
900
#333829
950
#20231A

Contrast Checker

Text on white

3.56:1

AA Fail AAA Fail

Text on black

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