#747816

#747816

Color Values

HEX

#747816

RGB

116, 120, 22

HSL

62.4, 69.0%, 27.8%

HSV

62.4, 81.7%, 47.1%

CMYK

3.3%, 0.0%, 81.7%, 52.9%

OKLCH

0.5515 0.1142 112.1

Properties

Cool Dark Nearest: olive

Color Harmonies

Complementary

#747816

#1A1678

Analogous

#784B16

#437816

#747816

Triadic

#747816

#167478

#781674

Split Complementary

#747816

#164378

#4B1678

Tetradic

#747816

#16784B

#1A1678

#781643

Color Blindness Simulation

Original

#747816

Protanopia

#76762E

Deuteranopia

#767533

Tritanopia

#744045

Achromatopsia

#707070

CSS Usage

background-color: #747816;
color: #747816;
border-color: #747816;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#FBFCF3
100
#F7F8E3
200
#F2F4C3
300
#E9EC98
400
#DDE260
500
#D0D728
600
#A7AC20
700
#858A19
800
#686C14
900
#4C4F12
950
#30320C

Contrast Checker

Text on white

4.73:1

AA Pass AAA Fail

Text on black

4.44:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026