#7F8666

#7F8666

Color Values

HEX

#7F8666

RGB

127, 134, 102

HSL

73.1, 13.6%, 46.3%

HSV

73.1, 23.9%, 52.5%

CMYK

5.2%, 0.0%, 23.9%, 47.5%

OKLCH

0.6054 0.0471 117.9

Properties

Cool Light Nearest: RAL 7034 Yellow Grey

Color Harmonies

Complementary

#7F8666

#6D6686

Analogous

#867D66

#6F8666

#7F8666

Triadic

#7F8666

#667F86

#86667F

Split Complementary

#7F8666

#666F86

#7D6686

Tetradic

#7F8666

#66867D

#6D6686

#86666F

Color Blindness Simulation

Original

#7F8666

Protanopia

#82826E

Deuteranopia

#828170

Tritanopia

#7F7475

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#F8F8F6
100
#EEEFEB
200
#DEE0D6
300
#C6CAB9
400
#A8AD94
500
#89916E
600
#6E7458
700
#585D47
800
#454837
900
#34362B
950
#21221B

Contrast Checker

Text on white

3.82:1

AA Fail AAA Fail

Text on black

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