#747522

#747522

Color Values

HEX

#747522

RGB

116, 117, 34

HSL

60.7, 55.0%, 29.6%

HSV

60.7, 70.9%, 45.9%

CMYK

0.9%, 0.0%, 70.9%, 54.1%

OKLCH

0.5451 0.1034 110.1

Properties

Cool Dark Nearest: olive

Color Harmonies

Complementary

#747522

#232275

Analogous

#754C22

#4B7522

#747522

Triadic

#747522

#227475

#752274

Split Complementary

#747522

#224B75

#4C2275

Tetradic

#747522

#22754C

#232275

#75224B

Color Blindness Simulation

Original

#747522

Protanopia

#747436

Deuteranopia

#74743B

Tritanopia

#744649

Achromatopsia

#6F6F6F

CSS Usage

background-color: #747522;
color: #747522;
border-color: #747522;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#FBFBF4
100
#F5F5E5
200
#EEEFC8
300
#E3E3A0
400
#D3D56D
500
#C4C639
600
#9D9E2E
700
#7D7E25
800
#62631D
900
#484818
950
#2D2E0F

Contrast Checker

Text on white

4.87:1

AA Pass AAA Fail

Text on black

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