#747227

#747227

Color Values

HEX

#747227

RGB

116, 114, 39

HSL

58.4, 49.7%, 30.4%

HSV

58.4, 66.4%, 45.5%

CMYK

0.0%, 1.7%, 66.4%, 54.5%

OKLCH

0.5384 0.0961 107.8

Properties

Warm Dark Nearest: RAL 8000 Green Brown

Color Harmonies

Complementary

#747227

#272974

Analogous

#744B27

#507427

#747227

Triadic

#747227

#277472

#722774

Split Complementary

#747227

#275074

#4B2774

Tetradic

#747227

#27744B

#272974

#742750

Color Blindness Simulation

Original

#747227

Protanopia

#737339

Deuteranopia

#73733D

Tritanopia

#74474B

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#FBFAF4
100
#F5F4E6
200
#EDECCA
300
#E0DFA3
400
#D0CD72
500
#BFBB40
600
#999633
700
#7A7829
800
#5F5E20
900
#46451B
950
#2C2C11

Contrast Checker

Text on white

5.03:1

AA Pass AAA Fail

Text on black

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