#747142

#747142

Color Values

HEX

#747142

RGB

116, 113, 66

HSL

56.4, 27.5%, 35.7%

HSV

56.4, 43.1%, 45.5%

CMYK

0.0%, 2.6%, 43.1%, 54.5%

OKLCH

0.5397 0.0666 105.2

Properties

Warm Dark Nearest: RAL 7002 Olive Grey

Color Harmonies

Complementary

#747142

#424574

Analogous

#745842

#5E7442

#747142

Triadic

#747142

#427471

#714274

Split Complementary

#747142

#425E74

#584274

Tetradic

#747142

#427458

#424574

#74425E

Color Blindness Simulation

Original

#747142

Protanopia

#73734D

Deuteranopia

#737350

Tritanopia

#745658

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#F9F9F6
100
#F1F1E9
200
#E5E4D1
300
#D3D1B1
400
#BBB787
500
#A39E5C
600
#827F4A
700
#68653B
800
#514F2E
900
#3C3B24
950
#262517

Contrast Checker

Text on white

5.02:1

AA Pass AAA Fail

Text on black

4.18:1

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