#747647

#747647

Color Values

HEX

#747647

RGB

116, 118, 71

HSL

62.6, 24.9%, 37.1%

HSV

62.6, 39.8%, 46.3%

CMYK

1.7%, 0.0%, 39.8%, 53.7%

OKLCH

0.5523 0.0669 110.5

Properties

Cool Dark Nearest: RAL 7002 Olive Grey

Color Harmonies

Complementary

#747647

#494776

Analogous

#766147

#5D7647

#747647

Triadic

#747647

#477476

#764774

Split Complementary

#747647

#475D76

#614776

Tetradic

#747647

#477661

#494776

#76475D

Color Blindness Simulation

Original

#747647

Protanopia

#757552

Deuteranopia

#757555

Tritanopia

#745B5D

Achromatopsia

#727272

CSS Usage

background-color: #747647;
color: #747647;
border-color: #747647;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#F9F9F6
100
#F1F1E9
200
#E3E4D2
300
#D0D1B3
400
#B6B889
500
#9C9F60
600
#7D7F4D
700
#64663D
800
#4E5030
900
#3A3B26
950
#252518

Contrast Checker

Text on white

4.75:1

AA Pass AAA Fail

Text on black

4.42:1

AA Fail 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