#747F66

#747F66

Color Values

HEX

#747F66

RGB

116, 127, 102

HSL

86.4, 10.9%, 44.9%

HSV

86.4, 19.7%, 49.8%

CMYK

8.7%, 0.0%, 19.7%, 50.2%

OKLCH

0.5801 0.0393 126.9

Properties

Cool Light Nearest: RAL 7033 Cement Grey

Color Harmonies

Complementary

#747F66

#71667F

Analogous

#7F7D66

#687F66

#747F66

Triadic

#747F66

#66747F

#7F6674

Split Complementary

#747F66

#66687F

#7D667F

Tetradic

#747F66

#667F7D

#71667F

#7F6668

Color Blindness Simulation

Original

#747F66

Protanopia

#79796C

Deuteranopia

#78776E

Tritanopia

#757172

Achromatopsia

#7B7B7B

CSS Usage

background-color: #747F66;
color: #747F66;
border-color: #747F66;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F7F8F7
100
#EDEFEB
200
#DCDFD7
300
#C3C8BB
400
#A2AB96
500
#818D72
600
#67715B
700
#535A49
800
#414739
900
#31352C
950
#1F221C

Contrast Checker

Text on white

4.23:1

AA Fail AAA Fail

Text on black

4.97:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026